grid 활용

유관희·2022년 4월 25일
0
post-thumbnail

🚀 grid 활용


‏‏‎ ‎

‏‏‎ ‎

‏‏‎ ‎

본문 을 꾸미고 싶을 때 전체로 < div>로 묶어준다.

‏‏‎ ‎

전체로 묶은 < div> 에 id를 붙여준다. <div id="grid> css로 #grid로 받아 꾸며준다.

grid-template-columns: 1 fr 비율을 맞춘다.

‏‏‎ ‎

‏‏‎ ‎

css 본문이 왼쪽 라인을 넘고 있다.

본문 값에 grid 인 < div id="article"> tag로 id인 article로 css로 padding-left:25px 로 이동시킨다.

‏‏‎ ‎

‏‏‎ ‎

‏‏‎ ‎

profile
안녕하세요~

0개의 댓글