강의 헤더 부분에서 스타일이 깨지는 현상이 발생했습니다.제 프로젝트에서만 문제가 발생하는 줄 알았는데 완성된 프로젝트 완성 예시에서도 문제가 발생하는 것을 확인했습니다..MyButton의 스타일과.head_btn_right의 스타일에서 간격 차이가 생겨서 밀리는 것 같은데,혹시 어떤 식으로 해결하면 좋을까요?

홈페이지만들어서 nginx로 배포했습니다,,, 만 이런식으로 디자인이랑 글씨가 다깨져서 보입니다zzz 그냥 runserver 했을때는 괜찮았는데 왜이러는걸까요? 이런현상을 뭐라하나요? 뭔지알면 스택오버플로우에 질문이라도 할텐데 무슨현상이라고 하는지도 모르겠습니다

d위 이미지처럼 가로 스크롤이 생기는 데 overflow-x: hidden 기능이 적용되지 않아서 생기는 문제일까요?

안녕하세요 강의 다 본 후 구성 비슷하게 맞춰서 작업하고 있는데요 scss를 사용하면 vue도 마찬가지지만 svelte는 유니크한 클래스가 붙잖아요, 그래서 나중에 css 디버깅할 때 너무 불편해서 그냥 css 파일을 별도로 만들어서 붙여봤거든요, 1. head 태그에 링크로 css 삽입하는 방법,2. main.js에 import 해서 css를 불러 오는 방법을 사용했는데 autoprefixer가 적용이 안되네요...  따로 css-loader나 file-loader를 적용해야 하나 해서 snowpack.config.js 옵션을 봤더니 rule 옵션은 없는거 같고.. 다른 방법이 있을까요? ㅠㅠ

  위처럼 제가 만드려는 사이트에 슬릭 슬라이더를 적용하니 원래 크기는 320px인데 394px 이나 늘어났습니다 ㅠㅠ 검색해보니 슬릭 슬라이더 고유 style이 먹히는 바람에 저렇게 된 것 같은데 제가 커스텀한 css로 슬라이더 적용하는 방법 찾고 싶습니다...   버튼도 설정한 적 없는데 가운데로 와서 수정도 잘 안 돼 도움 남겨봐요...       + 수정     위의 상황을 고치면 이런식으로 화살표 오류는 여전한 채 slidesToShow 가 안 먹힙니다ㅠㅠ 반응형인 responsive도 전혀 안 먹히고 있어요,,,  

3개의 문2 강의 8:13에 .door-back 에 overflow: hidden;을 작성하셨는데요. 이미지가 해당 영역 밖으로 나갔을 때, 보이지 않게 하게 하기 위해서였죠.   그런데,  여기서 position: absolute;을 안 주면, 다음과 같은 상황이 발생하는데요.      아마, 제 생각에는 door-back 상위의 영역 ( 부모나 조부모 영역 )으로 넘어가면, overflow: hidden;이 더이상 적용이 안 되서 이런 현상이 발생하는 거 아닌가 하는 추측을 해봅니다.   그런데, 이 상황을 position: absolute;를 넣어주면, 완벽하게 해결이 되네요. 어떻게, absolute가 이 현상을 방지하는지 궁금합니다. 혼자 이해해보려고 했지만, 도저히 모르겠어서 질문드립니다. 감사합니다. 

피그마에 모든 페이지에 일관성 있는 기본 스타일값을 주고  css 처럼 기본 스타일 초기값 설정 못하나요?

안녕하세요~ 1분 코딩님 이미지를 삽입할 때, 2가지 방법이 있는데요. "CSS 에서 background 속성으로 이미지를 삽입하는 것"과 "HTML에서 img 태그를 이미지를 삽입하는 방식" 이 2가지 방식을 언제 사용하면 좋다거나, 언제는 사용하면 안 되는 상황이 있나요?? 예를 들어, 어느 상황에서는 CSS에 이미지를 집어넣는 게 컨트롤 하기 더 유리한 케이스라든지 혹은 HTML의 img 태그는 중요한 이미지들을 삽입하는 데 쓴다는 등 ...   CSS에서 이미지를 넣는 방식과 HTML에서 이미지를 넣는 방식 구지 2가지 방식을 만들어 놓은 이유가 있을 것같아서 질문드립니다. 감사합니다.  

.title_img img{     width:100%;     height:auto; }   이렇게 height:auto 를 주셨는데 height값은 어떻게 설정 되는건가요? width는 부모 요소의 100% 라 564px 인걸로 알고 있습니다 ㅠㅠ

■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.

안녕하세요 현재 개인 프로젝트 웹 사이트를 제작하다가 일주일동안 정말 해결 안 되는 난제가 있어서 질문 드립니다.. 도와주세요 ㅠㅠ a 태그를 이용해서 해당 링크로 이동하는 부분을 작업하고 있는데 그 url이 매개변수 변화가 없어서 어떻게 작업을 해야 될 지 모르겠습니다.   해당 url은 https://www.g2b.go.kr:8092/sm/ma/mn/SMMAMnF.do 나라장터 종합쇼핑몰 링크인데요, 검색해보시면 확인하실 수 있겠지만 검색결과에 따라 url이 변화되지 않고 쭉 저 url 그대로입니다..   저는 (예를들어) 간판이 검색 결과로 뜨는 url로 바로 이동할 수 있게 하고 싶은데 매개변수 변화가 없다보니 저 url 그대로 a 태그에 넣게 되니까 페이지 이동하면 간판 검색 결과 페이지가 아닌 나라장터 종합쇼핑몰 메인 화면이 나오더라고요..   어떻게 해야 제가 원하는 값을 검색하여 결과가 나온 페이지로 나올 수 있게 url을 작업할 수 있을까요 url에 어떤 파라미터, 매개변수 코딩을 해야 되는지 알려주세요 ㅠㅠ + location.search해도 빈 문자열이 나옵니다.

웹사이트 열기까지는 실행이 잘 되는데,  그 다음 명령어 browser.find_elements_by_css_selector('a.nav.shop').click() 작동하지 않습니다... ㅠㅠ  터미널을 보면 사진과 같이 시스템에 부착된 장치가 작동하지 않습니다 라는데, 어떻게 해야하나요 ? 유료강의 수강직전 복습중인데 여기서 막혀서 진도가 안나갑니다. 도와주세요!

안녕하세요. 세로만 있는 경우는 다른 질문에도  답변을 달아주셨듯이 y값 옮기면 될 것 같습니다.    그런데 가로 세로 모두 있는 경우  ex)  0번 1번 2번  3번 4번 5번 6번 7번 8번 의 경우 animation을 줄 때 2->3으로 이동할 때  이미지 자체가 이동해서 중간과정이 이상하던데 혹시 이러한 경우는 안되는 것일까요?

4:27초쯤에 p태그끼리 마진을 아직 주지 않은 상태인데 왜 사이에 간격이 있나요?

[header] navigation script 작성하기 8분짜리 강의를 듣다 갑자기 nav.js파일안에 //nav const gnb=$('.gnb');//Active const gnb_menu_list=$('.nav_d1.d1_Over');//selector const sub_menu=$('.sub_menu');//On const sub_menu_list=$('.sub_menu>ul>li');//현재 순서값에 Over 추가가 되어있으시더라고요. [header] navigation menu layout css 작성하기 12분짜리 강의에는 설명이 전혀 안되있다가 갑자기 그 다음 강의에 들어가 있고 그거에 대한 언급은 안되어있네요. 설명 부탁드릴수 있을런지요. 그리고 클래스명이 복잡하게 되어있어 내용이해하는 흐름이 강의 들으면서 계속 중간중간 힘드네요.ㅠㅠ   그리고 순서값이 안나오는 이유는 무엇일까요? ㅠㅠ 제이쿼리를 몰라서요~ 많이 질문하게 되네요  

항상 고생하십니다. 다름이 아니고 이번에 z-index에 대해 궁금한 점이 생겼습니다. 1) z-index 속성은 position 선언 이후이에 사용이 가능한 속성인지 궁금합니다. 2)예제에서 modal-gnb에 가려진 컨텐츠들을 올리기 위해 z-index속성을 ".trigger"에 주었습니다.  제 생각은 z-index를 active클래스에 주지 않고 .trigger에 주었으니 active가 없어도 .modal-gnb보다 .trigger가 밑에 있으면 안된다고 생각합니다. 하지만 active를 추가 하지 않은 .trigger는 z-index속성이 100임에도 불구하고 modal-gnb에 가려지게 되는데 이러한 이유가 궁금합니다. 항상 감사합니다. 연말 잘 마무리 하셨으면 좋겠습니다.  

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.\   안녕하세요 선생님 ㅠ css적용하는데 display: flex; 적용하자마자 이 난리가 납니다... 왜그럴까요?       #main_contents {         display: flex;         justify-content: center;         margin-top: 100px;         width: 100%;         height: 100%;     }

안녕하세요. 제로초님  제로초님 하고 같이 진행한 미니 프로젝트들 더 예쁘게 만들어보고 싶어서 html하고 CSS을 추가 작업하고 있는데요. 현재 이런 틀을 만들려고 합니다. 그리고 다 완성도 했는데... 작업 도중에 이해가 안 되는 부분 2가지가 발생해서 질문드립니다.   질문 코드 링크입니다. => https://codepen.io/uscgil0127/pen/bGobxxq 해당 코드를 확인해보시면,  CSS 부분에 Q1. max-height를 설정해줬는데, 왜 내부의 박스들이 overflow해도 height가 max 값만큼 늘어나지 않나요?? => 제 생각에는 내부 박스들이 외부 박스를 삐져나오면, max-height가 발동해서 늘어날 수 있는만큼 늘어날 거라고 생각했는데, 늘어나지를 않네요;;;;;;  max 값만큼 height가 늘어나지 않으면, max-height의 유용성을 잘 모르겠습니다... --------------------------- Q2. CSS 부분에서 .h20 .h40 .h80 에서 flex: 4 0 40%; 를 적용해주면 margin 값인 0.5rem이 포함되서, container 박스를 overflow한 것같은데,  왜 그냥 height: 20%를 설정해줬을 때는 박스를 overflow하지 않는 걸까요?? ---------------------------- 어떻게든 구글링해서 이해해보려고 했는데, 도저히 이해가 안되서 부득이하게 질문드립니다. 감사합니다.

안녕하세요. 강의 보면서 연습하는 중에 차례로 잘 따라하다가 CSS 컨테이너에 red라인을 넣었는데도 브라우저에서 아무것도 보이지가 않습니다. 잘못 입력된건 없는 것 같은데 뭐가 원인인지 도저히 모르겠어서 문의 드렸습니다. - 인터넷에 CSS 링크 연결 오류와 관련해 검색 해보고 크롬 캐시도 삭제 해보고 HTML에 연결된 CSS 링크에 ?ver=1, ?afer를 붙이는 등 여러 방법을 썼는데 계속 안보입니다. 제가 뭘 잘못한건지... - 평소 연습 할 때 '[다운로드] 이론학습 및 모듈제작 실습 폴더' 열어서 연습하는데 이번에는 바탕화면에 폴더를 새로 만들고 시작을 했습니다. 그 과정에서 뭔가 잘못된건지... 답답한 마음에 질문 드립니다.   <!DOCTYPE html> <html lang="ko"> <head>     <meta charset="UTF-8">     <title>HTML5 시멘틱 태그로 CSS 레이아웃</title>     <link rel="stylesheet" href="style.css?ver=1"> </head> <body>     <div class="container">         <header>             <article></article>             <article></article>         </header>         <section class="box1"></section>         <section class="box2">             <article></article>             <article></article>             <article></article>         </section>         <footer></footer>     </div>     </body> </html>   ------------------------------------------------ .container {     border: 1px solid red;     width: 1200px; } header {} header article {} .box1 {} .box2 {} .box2 article {} footer {}   <폴더위치>   <브라우저>

.text-layout { color: #333 } .text-layout:hover { color: #666; background: #eee } .text-layout:active { color: #555; background: #ddd } .text-layout:focus { color: #333; background: #aaa }   .col-left { width: 30% } .col-right { width: 70% }   한줄코딩을 자제하는 게 좋은 건 알고 있는데 이렇게 비슷한 스타일이나 속성이 하나만 들어가는 스타일을 한줄로 작성하는 것도 권장되지 않는 방식인가요?   하나하나 엔터치기엔 너무 어지러워지는 것 같고... 또 저런 것만 붙여놓자니 일관성이 없어보이네요ㅜㅜ