- 서비스 화면 :
코드리뷰 :
전체 영역에 있어 banner영역을 만들어 준다. 그리고 그 밑에 header영역을 만들며, nav영역은 ul-li로 구성한다. 그리고 main-content에 top부분은 (가제) video-recent로 만들어 구성한다.
코드리뷰 :
또 다른 main영역은 main-video-wrap으로 만들고 그 안 h3 그 다음 ul-li로 구성해서 video-wrap은 img+span으로 한다. 밑에 text-wrap은 h3 + p/span + p로 구성한다.
-
html
-
css
코드리뷰 :
a. .channel-container :
width: 1284px; / margin: 0 auto;
b. #youtube-channel-content #channel-banner :
width: 100%; / height: 250px; / background-color: darkblue;
코드리뷰 :
a. #youtube-channel-content #channel-header .channel-profile-wrap .channel-profile img :
width: 80px; / height: 80px; / border-radius: 50%; / margin-right: 24px;
b. #youtube-channel-content #channel-header
.channel-profile-wrap .channel-profile .txt-wrap h2 :
font-size: 25px; / color: #ffffff; / font-weight: 500;
코드리뷰 :
a. #youtube-channel-content #channel-header .channel-profile-wrap .btn-subscribe :
padding: 10px 20px; / background-color: red; /
border-radius: 5px; / color: #ffffff; / font-size: 16px;
