06, 07, 10 반응형 웹사이트 (레이아웃 배치, 미디어 쿼리, 헤더)

이건 보고 그대로 했다. 10개 -> 8개 -> 9개가 되는데 nth-child로 숨기거나 보이거나 이렇게 했다. display:none

이건 앞의 내용을 바탕으로, 미리 보기? 샘플 사진만으로 그거 보고 미디어 쿼리와 CSS, HTML로 구현한 것이다.

보고 한 건 이거고, 생각보다 수월하게 작업할 수 있었다.

이건 헤더를 구현한 것인데, 이거 역시 너비를 조절하면 횡스크롤바가 생기는 것을 방지하고, 답답함을 줄이기 위해 빈칸을 넣게 되었다.

 

https://github.com/ericanorhee/ienlab_microsite/commit/92881ee38a37966d15bf7d372a26e135d93892ce

200822_ienlab_microsite · ericanorhee/ienlab_microsite@92881ee

 

goorm