2주 - 5일차 code camp

1. CSS -> Gird 레이아웃, flex vs gird , 반응형 웹

1. gird 레이아웃
   
   
   1-1 fr
   
   1-2 repeat
   1-1.grid-template-columns : repeat(4,1fr)
   =
   grid-template-columns : 1ft 1ft 1ft 1ft
   1-2.grid-template-rows : 1fr 200px 2fr 200px
   =
   grid-template-rows : repeat(2, 1ft 200px)
   1-3.grid-template-rows : 3fr 1fr 200px 2fr 200px
   =
   grid-template-rows : 3fr repeat(2, 1ft 200px)
   

2.grid-column / grid-row

3. flex VS grid 차이점
   
   

4. 반응형 웹
   4-1 미디어 쿼리
   4-2 breakePoint
   

과제

• 과제
• 2주 - 5일차 과제 = CSS