Kdt5 park choul min #55
Conversation
|
그리드를 사용하여 레이아웃을 구현한 것은 매우 좋았습니다 다만 HTML5 요건 상 인라인 요소인 a 태그 내부에 블록 요소인 div를 위치시키는 것은 웹 표준에 어긋나는 게 아니지만 HTML 4.01 요건을 보면 요소는 인라인 요소만 감쌀 수 있도록 규정되어�있습니다. 전반적으로 첫 프로젝트임에도 잘 해주신거 같습니다! |
|
CSS를 하나의 파일로 관리하는것이 아닌 구획별로 나눠 관리하면 더 깔끔하지 않을까 싶습니다! 과제 고생하셨습니다~ |
There was a problem hiding this comment.
더 많은 코드들을 보고 싶었는데 보니까 파일을 많이 지우셨던데 아쉽습니다 ㅜㅜ 다만 철민님은 디자이너 출신이셔서 그런지 레이아웃에 대한 이해가 남다르신거 같습니다. 구조를 단순하게 짜셔서 작업을 완료했다는 점이 좋습니다^^ (원래 저나 철민님처럼 디자인 전공자들이나 디자이너 출신 분들이 HTML/CSS를 단순하게 짜는 경향이 있습니다 ㅋㅋ) 다만 CSS 리셋과 각 파트 별 CSS를 분리했으면 어땠을까 하는 아쉬움이 있습니다. 철민님 최고입니다!! 디자이너 포에버 ㅋㅋㅋㅋ
| /* 이미지 태그는 인라인요소이다 인라인요소에는 베이스라인 공간이 있는데 보통 이미지 하단에 작은 공간이 남는다. | ||
| 이를 제거하기 위해 전체 이미지 태그를 블록요소로 만들어 작업을 하는게 나중에 레이아웃 작업할 때 편리하다. */ |
There was a problem hiding this comment.
아하! 잊었던 사실인데 상기시켜주셔서 다시 배워갑니다 !
| /* 그리드를 사용하여 콘텐츠 정렬 작업을 진행하였스니다. */ | ||
| .main_grid { | ||
| height: 100vh; | ||
| width: 100%; | ||
| display: grid; | ||
| padding-top: 200px; | ||
| grid-template-rows: 1fr 1fr 1fr; | ||
| grid-template-columns: minmax(275px, 1fr) minmax(275px, 1fr) minmax(275px, 1fr) minmax(275px, 1fr) minmax(275px, 1fr) minmax(275px, 1fr); | ||
| column-gap: 15px; | ||
|
|
||
| } |
There was a problem hiding this comment.
그리드를 잘 사용하시는 것을 보니 역시 철민님 CSS 능력은 출중하신 것 같습니다!
클론코딩 과제
선정된 사이트
에어비앤비 : 사이트 바로가기
클론코딩 작업 사이트 : 사이트 바로가기
선정 이유
작업 기간
구현한 부분
구현하지 못한 부분
미흡한 부분
relatve와absolute작업에서 헤매였습니다.