본문 바로가기
뉴렉처 과정 기록 (Frontend)/HTML _ CSS

03/19 HTML/CSS Grid 레이아웃4

by yeonee3219 2021. 3. 19.

auto배치 방식

 

 

 

 

 

 

 

 

 

 

 

지금 우리가 하는 방식은 2번째, 방 영역의 이름을 부여해서 배치

 

 

 

 

 

 

 

500에서 799일때까지만 아래의 내용이 적용된다

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형 적용

 

4/span9 : 4에서부터 9칸을 차지

 

 

 

 

 

 

 

세번째 반응형

 

 

 

 

span 을 써도되고 그냥 선이름을 적어도 문제 없다