D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다

아래 오타난 부분 체크 먼저 해보시고 안되면 다시 글 올려주세요.(사진)

B-4연습중인데 네비게이션의 a태그 두께가 이상하고 슬라이드 다운시 문제가 있습니다.

.header-inner{ width: 1200px; margin: auto; line-height: 120px;}위에 line-height: 120px 가 네비게이션에 상속되어 간격이 넓어진 것입니다..header-inner의 높이를 line-height로 잡지 마시고 그냥 height로 잡으시면 됩니다.

A2 연습중인데 메뉴 배경색과 서브메뉴 크기, 갤러리 그림 정리에 문제가 있습니다

서브 메뉴가 내려오면서 슬라이드가 가려지는건 슬라이드의 너비가 없어서 그렇습니다. 아래처럼 너비를 100%로 넣어주세요.(사진) 그리고 서부메뉴가 나오면서 슬라이드가 아래로 내려가는건 header 밑에 div에 높이가 없어서 그렇습니다. header의 높이가 있지만 자식요소인 div에 높이가 있는것은 아닙니다.(사진)

A1 레이아웃 연습중인데 overflow: hidden이나 box-sizing: border-box;가 적용되지 않는 것 같습니다

overflow: hidden이 잘 적용된 것 맞습니다. 다만 현재 보더가 여러개 겹쳐있는 상황이라 마지막 박스가 내려간 것입니다. 나중에 보더를 지우면 정상적인 레이아웃이 됩니다.그리고 레이아웃을 플렉스로 잡으시면 overflow: hidden를 사용하실 일이 없고 레이아웃 잡는게 훨씬 간단해 집니다.결국 플렉스로 레이아웃 잡으실거니까 지금 사항은 이해 정도만 하시면 됩니다.

input의 포커스되었을때 검정선이 사라지지 않아요

아래 ai가 답변을 정확히 달아 놨네요.포커스 시 외곽선을 없애려면 outline을 none으로 설정해야 합니다.

강의듣는법

책같은거없나요? 그냥 강의들으면되요?질문글이 이상해서요. 이게 질문이 맞나요?맞다면 교재는 따로 없습니다. 다른 수강생들과 같이 그냥 영상 보시면서 예제 만드시면 됩니다.

아코디언 만들기 100%이하의 화면으로 보았을때

브라우저 비율을 줄여서 보는 경우까지 고려는 잘 하지 않습니다. 이미지 속성에 background-size: cover 주세요.

레이어 팝업 '닫기' 가 안됩니다

model 이라고 해야 하는데 mode1 이라고 l을 1이라는 숫자로 오타를 내서 그렇습니다.(사진) a 태그에 href 속성이 없으면 제이쿼리 클릭이벤트가 작동하지 않습니다. 꼭 넣어야 합니다.(사진) 그리고 아래처럼 가급적이면 모달 코드는 .container 밖으로 빼세요.(사진) 그리고 웬만하면 클래스 네임을 강의에 있는 것으로 연습하시는게 좋습니다.이렇게 하셔야 시험보실 때 실수 확율을 줄일 수 있습니다.model-content > modal-contentmodel > modal

공지사항과 갤러리 탭(안)구성 중 마우스 클릭시 색상변경이 안됩니다.

전체 코드를 복사해서 올려주세요.

뷰티파이 설치 관련 문의

beautify 업데이트가 중단되어도 기존의 기능으로 충분하니 사용하셔도 됩니다.단, 웹기능사 시험에서는 사용할 수 없으니 시험 대비로 학습하시는 것이라면 사용하지 마세요.