contact-form 과 contact-info 의 높이
266
작성한 질문수 2
contact-form와 contact-info 의 높이를 동일하게 맞추고 또 contact info 의 각각의 컨텐츠들의 높이비율? 같은걸 맞추고싶은데
이럴때의 방법은 flex 밖에 없는걸까요? 아니면 padding-top 같은 방법을 이용해서 대략적으로 맞추는 걸까요?
답변 2
2
contact-form와 contact-info 가로 배치는 float로 했고 너비는 50%, 높이는 400픽셀로 했는데 질문하시는 내용이 각 div 내에서 컨텐츠의 높이를 같게 맞추고 싶다는 말씀인 듯 하네요.
이런 경우에는 꼭 높이를 맞춰야 하는건 아니지만 높이를 맞추려면 방법은 몇가지 있습니다.
첫째번는 컨텐츠의 높이가 적은 쪽의 요소에 패딩과 마진으로 높이를 맞추는 방법이구요.
두번째는 flex 또는 grid의 속성중에 justify-content: space-between;을 해서 처음 요소와 마지막 요소를 상단과 하단에 붙고 중간의 요소는 일정하게 배치시키는 속성을 이용하셔도 됩니다. justify-content: space-between;은 flex와 grid에서 모두 동일하게 사용할 수 있는 속성입니다.
특별한 경우가 아니라면 첫번째 방법으로 하셔도 크게 문제 없다고 생각됩니다.
full reload 질문
1
197
3
섹션4에 있는 4번째 강의 질문(스크롤링)
1
159
2
안녕하세요. 질문있어서 조심스레 글을 올려봅니다.
1
209
1
브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ
1
332
3
css full reload 문제가 발생하여 질문드립니다!
1
327
3
파일 내 index.html에 대한 오류
1
268
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ
1
214
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다
0
220
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!
1
208
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.
1
262
3
크로스브라우징-크롬
1
291
2
섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..
0
261
1
line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다
1
222
1
슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다
1
289
1
이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?
1
265
1
모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역
1
522
2
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4
2
235
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3
2
316
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2
2
275
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태
2
441
1
포지션 속성 중복과 관련해서
1
228
1
section about에 관련.. 궁금해요
1
260
1
섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련
1
201
2
개발자도구
2
501
6