Programming Language/html_css

[클론 코딩] YouTube 클론 코딩 - html & scss

1. 웹 페이지 분석 2. 구현 YouTube 로그인 playlist playlist #여름밤 달콤쌉싸름하게 농익은 여름밤|playlist 조회수 123456789회 2022.08.17 6.7천회 싫어요 공유 저장 $flex: flex; @mixin mp { margin: 0; padding: 0; } body { background-color: whitesmoke; } header { background-color: white; display: $flex; justify-content: space-between; & .logo { font-size: large; font-weight: bold; } & .logo i { color: red; font-size: 25px; } & .info button ..

[ 클론 코딩 ] 구글 클론 코딩 - html & css

1 . 웹페이지 분석 헤더 , 섹션 , 푸터로 나눈 이미지를 토대로 구현해보자. 2 . 헤더 부분 구현 Google 정보 스토어 Gmail 이미지 3. 섹션 부분 구현 세부 디테일까지 구현하지 않고 큰 부분만 구현해주었다 Google 검색 I'm Feeling Lucky 4. 푸터 부분 구현 대한민국 광고 비즈니스 검색의 원리 개인정보처리방침 약관 설정 5. css 코드 html,body { height: 100%; margin: 0; /* padding: 0; */ } html,body { min-width: 400px; } body { background-color: #202124; } body, input,button { font-size: 14px; color: #BDC1C6; } a { text..