목록반응형 헤더 (1)

기억하기 위한 기록

[웹사이트] 반응형 헤더 만들기 (toggle 버튼 간단 js활용)

*포인트* 정렬 관련 - display : flex ; - flex-direction : column ; - align-items : flex-start ; - justify-content : center ; - justify-content : space-between ; 토글버튼 관련 - document.querySelector - addEventListner - active ; > 클릭 될 떄마다 지정하는 함수를 호출해줘. > 토글버튼 활성화가 되면 menu를 display 해줘. 1. 를 작성한다. 2. 안에 li 태그들로 메뉴를 나열한다. 3. 안에 i 태그들로 아이코을 나열한다. 4. display : flex로 요소들을 정렬해준다. 5. 토글버튼을 폰트어섬에서 i태그로 가져온다. 6. 토글버튼..
Front-end/js 2021. 5. 25. 15:53
이전 Prev 1 Next 다음