display:grid;1 #16 CSS 레이아웃 - 그리드 그리드 레이아웃이란 무엇인가? display: grid; 탈그리드형식의 자유로운 레이아웃 1. 비정형의 자유로운 디자인 2. 좀더 진보된 반응형 구현 3. 시맨틱 코딩의 구현 - 내용에 맞추어서 html 태그를 짜라.라는 뜻. 의미없는 div를 남발하지 말고, header, main, section, aside, footer같이 내용에 맞추어서 코딩을 할 때 포커스에 맞추어서 코딩하기가 용이해 진다. - grid의 효과를 한 눈에 이해하기. 아래와 같이 태그를 주면, HTML 1 2 3 4 5 6 CSS body{ padding: 50px; } .container div{ text-align: center; color: #fff; font-size: 2em; } .container div:nth-chil.. 2021. 12. 21. 이전 1 다음 반응형
