contact-form 과 contact-info 의 높이
263
작성한 질문수 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
178
3
섹션4에 있는 4번째 강의 질문(스크롤링)
1
148
2
안녕하세요. 질문있어서 조심스레 글을 올려봅니다.
1
197
1
브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ
1
317
3
css full reload 문제가 발생하여 질문드립니다!
1
315
3
파일 내 index.html에 대한 오류
1
264
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ
1
207
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다
0
218
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!
1
201
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.
1
255
3
크로스브라우징-크롬
1
280
2
섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..
0
256
1
line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다
1
217
1
슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다
1
274
1
이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?
1
257
1
모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역
1
508
2
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4
2
233
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3
2
308
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2
2
260
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태
2
423
1
포지션 속성 중복과 관련해서
1
215
1
section about에 관련.. 궁금해요
1
255
1
섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련
1
194
2
개발자도구
2
482
6