반응형
첫번째 레이아웃은 컨테이너 하나가 중앙에 정렬되어 있다
그리고 헤더가 있고
헤더 안에 로고, 서치바, 기타 네비게이션 아이콘들이 있다
그리고 아래 사이드바가 있고, overview가 오른쪽에 있다.
max-width 를 사용하는 이유 viewport가 120rem 보다 작으면 줄어들 수 있기 때문
변수는 색상 뿐만 아니라 그림자 속성 같은 것도 저장할 수 있다
미묘하게 다른 회색을 지정했다.
flex: 0 0 18%;grow 0 > 늘어나지도 않고
shrink 0 > 줄어들지도 않고
18%를 유지
반응형
'온라인 강의 > Advanced CSS and Sass [Udemy]' 카테고리의 다른 글
| 76. Building the Header - Part 2 (0) | 2023.08.03 |
|---|---|
| 75. Building the Header - Part 1 (0) | 2023.08.03 |
| 73. Defining Project Settings and Custom Properties (0) | 2023.08.02 |
| 72. Project Overview (0) | 2023.08.02 |
| 71. A Basic Intro to Flexbox: Adding More Flex Items (0) | 2023.08.02 |