드림코딩 엘리님의 유튜브 영상을 보며 웹사이트의 반응형 헤더를 만들어 보았다. youtu.be/X91jsJyZofw 복습한다는 의미로 파일을 지우고 다시 혼자 정리하며 만들어보고 비교해보려고 한다. 따라 만들어볼 웹 사이트의 형태는 다음과 같다. 먼저, 가장 큰 남색의 박스에 공백으로 나뉜 세 개의 덩어리로 구성되어있다. (드림코딩, 메뉴, SNS 아이콘) 또한 창이 줄어듦에 따라 세 덩어리가 세로로 정렬되며, 오른쪽 위에 햄버거가 생성된다. 새로운 폴더와 html 파일을 생성하고, html의 기본 양식을 으로 불러온다. 파악한 구조대로 코드를 짜본다. 가장 왼쪽 덩어리는 아이콘과 드림코딩 문구로 이루어져있으며, 문구를 클릭했을때 메인 화면으로 연결되게 구현할 것이다. 가운데 덩어리는 ul 태그로 감싸고..