10. 그리드 소개

*디자인만을 위한 태그 2가지*

<div> : block element

<span> : inline element

 

그리드 사용

#id{
	display : grid;
  	grid-template-columns: 150px 1fr; <!---첫번째 그리드의 넓이 1fr(화면 분할, 2fr, 3fr 등)
    }
    
#id #first {	<!--id안에 first라는 div 선택--!>
}
<div id = "id">
	<div id = "first">
   		content1
    </div>
    <div>
   		content2
    </div>
</div>