class 04 : CSS

Flex

• float와 inline-block을 대체
  

비디오를 배경으로 하면서 메뉴바 고정

• min-height를 충분히 주고, 메뉴바(nav)가 있는 header 부분의 위치는 fixed 시킨다. 그럼 스크롤을 해도 메뉴바는 그대로 있다.
• 비디오에는 width: 100%;를 줘야 화면에 꽉 차게 나온다

비디오를 배경으로 하면서 그 위에 이미지 올리기

• 위와 비슷한데 웹 배경 위에 올릴 이미지를 position: absolute;
• 이미지에 max-width : 100% 주면 반응형

배포한 결과물

• 집사 모임 사이트
• 여행 사이트