Mobile First
모바일 화면을 먼저 구성하고 반응형 웹페이지로 확장시켜 만든다.
화면 구성
- 헤더
- 비디오 플레이어 화면
- 비디오에 관련된 정보 화면 (타이틀 -> 2줄 / 버튼 클릭 시 3줄로 변환)
- 스크롤링 화면 (비디오는 움직이지 않고 고정)
- 브라우저 사이즈가 커지면 화면이 유동적으로 움직이다가 재배치
728x90
반응형
'혼자 이것저것 공부해보는 > 프론트 엔드 유튜브 클론 코딩' 카테고리의 다른 글
| 클론코딩 유튜브 사이트(HTML,CSS,JavaScript) #5. 마지막 upnext 화면 구성 (0) | 2023.04.12 |
|---|---|
| 클론코딩 유튜브 사이트(HTML,CSS,JavaScript) #4. channel 화면 구성 (0) | 2023.04.06 |
| 클론코딩 유튜브 사이트(HTML,CSS,JavaScript) #3. video info화면 구성 (0) | 2023.04.05 |
| 클론코딩 유튜브 사이트(HTML,CSS,JavaScript) #2. 헤더 및 비디오 플레이어 화면 구성 CSS (0) | 2023.04.05 |
| 유튜브 사이트 클론 코딩 계획 및 목표 (0) | 2023.03.28 |
