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

결국 아래에 클래스네임 오타가 또 있어서 생긴 문제입니다.하지만 앞으로 계속 학습하실 때 강의와 같은 html 구조와 클래스네임을 사용해주세요. 그렇지 않으시면 오류 찾을 때 제가 처음부터 다시 만들어 봐야 합니다. 그래서 오류 찾기가 힘듭니다. 반드시 강의와 같이 해주세요.그리고 앞으로 문제가 생겼을 때.. 도저히 모르겠다라고 할 때 일단 클래스네임과 html 구조를 먼저 체크해보세요. 실제 시험에서도 생길 수 있는 일이니 연습하실 때 요령을 길러보세요.(사진)

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

이 부분이 좀 어렵고 복잡한 부분입니다. 강의에 있는 html 구조와 클래스네임으로 해주세요.강의와 다른 html 구조와 클래스네임으로 하시면 오류를 체크하는게 힘들어 집니다.아래는 강의에 있는 html 구조와 클래스네임입니다. 아래처럼 강의와 같이 하시면 슬라이드 이미지가 유동적으로 사이즈가 조절됩니다.(사진) (사진) (사진)

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