$$config title: 모작 keywords: - html - css $$ # 보기페이지 단축키 - 현재문서 수정하기 : Ctrl + E - 저장 : Ctrl + S
## 유튜브 링크 걸기 $$youtube $$
## 코드 하이라이팅 ```html

``` ```css div { color: #fff; } ```
## 텍스트 커스텀 -[hex컬러 확인 링크](https://www.google.com/search?q=color+picker&oq=color+p&aqs=chrome.0.0i433i512l2j69i57j0i512l7.2823j0j7&sourceid=chrome&ie=UTF-8) 텍스트 노란색 형광펜
## 모작 ### 씨벤티지 - 관련 사이트 : [공식 홈페이지 이동]( https://www.seavantage.com/kr) - 1단계 : [씨벤티지 탑바 모작 0819완](https://codepen.io/kimhyeji324/pen/yLGeMNW) ### 문화포털 - 관련 사이트 : [공식 홈페이지 이동](https://www.culture.go.kr/index.do) - 1단계 : [문화포털 탑바 모작 0822 완](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 2단계 : [문화 포털 게시판 리스트 그리드 잡기](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 2단계 실패 : [43번줄 줄바꿈 실패](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 2단계 재도전 : [성공](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 3단계 : [문화 포털 푸터 제작](https://codepen.io/kimhyeji324/pen/yLGeMNW)
## 반응형 탑바 - 1단계 : [이동](https://codepen.io/hiha0918/pen/eYbJXRL?editors=1100) - 2단계 : [이동](https://codepen.io/hiha0918/pen/xxmZBLN) - 3단계 : [이동](https://codepen.io/hiha0918/pen/dywGrJP?editors=1100) - margin 사용안하고 .flex-container이기 때문에 justify-content: space-between; 사용 - 4단계 : [이동](https://codepen.io/hiha0918/pen/ZEVQPjm) - 5단계 : [이동](https://codepen.io/hiha0918/pen/qBLZjXG) - 6단계 : [이동](https://codepen.io/hiha0918/pen/RwEagQr?editors=1100) - a 태그 안에 span 2개(아이콘, 메뉴명) - 7단계 : [이동](https://codepen.io/hiha0918/pen/KKbzqoQ?editors=1100) - 8단계 : [이동](https://codepen.io/hiha0918/pen/abPNwjx?editors=1100) - 9단계 : [이동](https://codepen.io/hiha0918/pen/qBLZwwr?editors=1100) - 10단계 : [이동](https://codepen.io/hiha0918/pen/mdaPYVj?editors=1100) - 11단계 : [이동](https://codepen.io/hiha0918/pen/wvRGbJb?editors=1100) - 12단계 : [이동](https://codepen.io/hiha0918/pen/oNJxRwE?editors=1100) - 16단계 : [이동](https://codepen.io/hiha0918/pen/abPmrWN?editors=1100) - 17단계 : [이동](https://codepen.io/hiha0918/pen/GRPjayx?editors=1100) - 18단계 : [이동](https://codepen.io/hiha0918/pen/YzdGbaE?editors=1100) - 19단계 : [이동](https://codepen.io/hiha0918/pen/poqEmZz?editors=1100) - 20단계 : [이동](https://codepen.io/hiha0918/pen/QWzKRVR?editors=1100)