grid 적용하는 방법
1. <body>에서 부모 <div>로 자식 <div> 묶기
2. 부모 <div>에 id값 주기 (id="oo")
3. <style> 안에서 id 값에 명령 내리기
-display:grid;
-grid-template-columns ; 150px 1fr; → 안에 값들이 양옆으로 나열됨
(*fr은 크기 비율을 나타냄)
※최신 기술 사용시 사용 가능 여부 확인할 수 있는 사이트
'CSS' 카테고리의 다른 글
| [CSS] Box Model (0) | 2022.02.01 |
|---|---|
| [CSS] 미디어 쿼리 소개 (0) | 2022.01.28 |
| [CSS] 박스 모델 (0) | 2022.01.27 |
| 생활코딩- CSS 선택자의 기본 (0) | 2022.01.27 |
| 생활코딩 Web2-CSS의 기본 문법 (0) | 2022.01.23 |
