49,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨CSS Flex와 Grid 제대로 익히기
align-items 관련 질문드려요
안녕하세요 선생님 Flex UI#5번 유저리스트 공부하다 질문 있어서 글 남겨요 li.friend-item 안에 figure.user-photo 와 p.user-name이 같이 있는데 align-items:center를 줬을 때, 왜 p 태그=텍스트만 가운데 정렬되는 건가요? (혹시.. user-photo 값에 height:50px을 줬기 때문에 사진은 크기, 위치를 유지하고 텍스트만 50px 안에서 가운데 정렬돼서 그런 건가요?)
- 해결됨CSS Flex와 Grid 제대로 익히기
하위 클래스는 grid-area인식이 안되나요?
.grid-container { display: grid; grid-template-columns: 1fr 2fr 2fr 40px; grid-template-areas: "avatar icon icon ......" "avatar welcome welcome ......" "avatar point1 point2 close"; .avatar { grid-area: avatar; } .icon { grid-area: icon; } .welcome { grid-area: welcome; } .box { .point1 { grid-area: point1; } .point2 { grid-area: point2; } } } 이 코드에서 .point1과 .point2가 ...... 자리에 들어가는데요 혹시 하위 클래스는 grid-area인식이 안되나요?
- 해결됨CSS Flex와 Grid 제대로 익히기
안녕하세요 그리드 예제1 관련 질문 드려요!
다음과 같이 코딩했더니 가상요소를 적용하는 데에 문제가 있어서, 열심히 다른 경우를 시도한 끝에, Input,label 들이 들어간 div.grid-item-modal 부분을 없애고 해보니. :checked ~ 가 적용이 되더라구요 ㅜㅜ 왜 그런지 알 수 있을까요?
- 미해결CSS Flex와 Grid 제대로 익히기
Flex 핵심정리 #7 - 유용한 기법들. 에서 질문있습니다!
고정폭 컬럼과 가변폭 컬럼의 혼합과 footer 붙이기를 같이 쓰고 싶습니다. <body> <div class="wrap"> <header> <h1>헤더</h1> </header> <section> <div class="item">1111</div> <div class="item">2222222222</div> <div class="item">3333333333</div> </section> <footer> <h2>푸터</h2> </footer> </div> 기본 html을 이렇게 만들고 wrap { min-height: 100vh; display: flex; flex-direction: column; } section { display: flex; flex-direction: row; flex:1 1 auto; } .item:nth-child(1) { flex: 0 0 auto; width: 150px; } .item:nth-child(2) { flex: 1 0 auto; } .item:nth-child(3) { flex: 0 1 auto; width: 150px; } 이렇게 작성 했는데요. section부분에 고정폭 컬럼과 가변폭 컬럼의 혼합은 정상 작동 되는데 footer를 아래로 붙이고 section값 늘어나는건 작동이 안되네요.. 제 생각에 section에서 flex를 두 번 써서 뭔가 충돌난것 같은데 Flex 핵심정리 #7 강의에서 저 두 개의 기능을 한번에 쓰는 코드는 어떻게 쓰는것이 좋을까요?
- 미해결CSS Flex와 Grid 제대로 익히기
질문입니다
flexbox 사용시 align-items랑 얘는 없구 align-contents랑 얘는 space-between, space-around, space-evenly 개념이 헷갈리네요.@_@ 어떨때 둘이 사용되는지 예시로 비교 해주실 수 있을까요?ㅎㅎ
- 미해결CSS Flex와 Grid 제대로 익히기
6분40초 - width와 max-width를 같이 쓰는 경우
form tag에 width와 maxwidth를 같이 걸어주셨는데이해가 잘 가지 않아서 질문드립니다.width를 설정함은 <input type = "search">의 width를 고정시키는 역할이고 max-width 라면 설정한 값 이상으로는 width가 커지지 않게 하는 것으로 이해하고 있습니다.이 두가지를 같이 쓰는데 이것 저것 실험해봐도 이해가 잘 가지 않습니다 선생님
- 미해결CSS Flex와 Grid 제대로 익히기
flex ui card source관련
안녕하세요 강의 잘 듣고 있습니다. 강의하신대로 따라했는데 카드가 제대로 출력이 잘 안되는데 강의 소스를 실행해도 잘 카드가 제대로 출력이 안되네요 혹시 소스 다시 한번 확인해시면 감사하겠습니다. 감사합니다.
- 미해결CSS Flex와 Grid 제대로 익히기
browser창 창크기 조절할때 반응형화면 질문입니다.
저도 fire-fox 로 선생님 강의 따라가고 있는데요,선생님화면은 화면 크기 조절하는 동안 즉 Drag하는 동안에 화면이 자동으로 반응하면서 꾸겨지고 펴지고 반응하는데 제 컴에서는 Drop을 하는 순간에만 결과를 확인 할 수가 있네요.설정을 뭔가 따로 하신 것인지 궁금합니다.인터넷으로 검색해봐도 뭘 검색해야되는지 몰라서 해결을 할 수가 없어서 여쭙니다.
- 해결됨CSS Flex와 Grid 제대로 익히기
선생님! <li>,<a>,:hover에 관해서 질문드립니다.
메뉴만들기 복습하다 궁금한게 생겨서 질문 드려봅니다:) 좋은 강의 늘 감사히 도움받고 있습니다. 강의에서 보여주신 코드 일부분인데요, 의문이 생겨서 이런식으로 <a>태그 hover에 명령한 속성을 <li>태그 hover에 옮겨서 실행해보니 마우스가 올려지면 폰트 색상은 변하지 않아요. 근데 이렇게 <a>hover에다 옮겨보면 잘 시행되구요. 무엇이 원인인지 알고 싶습니다. hover가 어떤 우선순위를 가지고 실행되는 것인지 html태그에 원인이 있는지 잘 모르겠어서요!
- 미해결CSS Flex와 Grid 제대로 익히기
질문이요!
안녕하세요! flex 강의 잘 듣고있어요! user-list user item 이라는 클래스 이름이 message-list message-item 으로 두번 중복해서 써주는 이유는 뭘까요? user-list나 message-list 둘 중 하나만 써줘도 css로 속성 값 줄 수 있다고 생각하는데..
- 미해결CSS Flex와 Grid 제대로 익히기
flex UI #7-카드리스트 강의에서
4:34초 쯤에 background-image로 인라인에 넣어주셨는데 한꺼번에 수정하거나 추가 하실때 단축키 어떤걸 해야하나요? 또 메세지 리스트 할때는 figure태그에 background-image를 넣는 것으로 끝냈었는데 카드리스트에는 img태그를 그대로 살려놓으신 이유가 궁금해요.
- 미해결CSS Flex와 Grid 제대로 익히기
안녕하세요 display:grid에 대한 질문입니다.
display:flex;를 해주면 화면폭을 기본적으로 요소의 전체 width와 height의 최대 값으로 설정해주잖아요? ( 이부분을 글로설명하기가 조금 애매하네요 죄송해요.. ) 그럼 display:grid도 마찬가지인가요? 이런 질문을 하게된 배경이.. display:grid;만 코딩해줬을뿐인데 요소가 이미지에 나타나고, display:grid 코드를 빼주면 요소가 먹히는 현상이 나타나서요!
- 미해결CSS Flex와 Grid 제대로 익히기
안녕하세요 개인적인 공부방법입니다.
저는 2회차인데요 .. ( flex는 건너뛰고 grid부분만 2회차.) 2회차인 제가 해본 학습방법입니다. 저처럼 grid가 어려운 사람들이 이렇게하면 재밌을거같아요. - 먼저 소스코드를 다운받아주세요! - 완성된 소스코드에서 해당 강의에서 적용중인 grid부분만 싹 지워주세요! - 강사분이 강의 중간중간에 컬럼과 로우를 그림으로 표시한 부분을 참고하며 직접 컬럼,로우값을 주면서 레이아웃을 짜보세요!- 이후 맞게했는지 새로고침도해보면서 강의를 봐보세요!별거없는데요, 이 학습방식은 눈으로 보면서 고개끄덕이면서 하는것과 강의를 보며 손으로 따라치는것과는 확실히 차별성 있는 학습 방법이라고 자부합니다!
- 미해결CSS Flex와 Grid 제대로 익히기
메뉴바 만들기에 대해 궁금한게 있습니다.
안녕하세요 강사님 질문이 있습니다. 강의에 나오는 메뉴바 말고 좀더 sns에서 사용할만한 메뉴바 만들기에 대한 강의도 찍으셨나여? 그리고 한가지 더 질문이 있는데여 강의의 flex와 부트 스트랩 flex 적용도 비슷하겠죠? ex)
- 미해결CSS Flex와 Grid 제대로 익히기
안녕하세요. Flex UI #1 메뉴에서 menu-link에 관해 질문드립니다.
안녕하세요. .menu-link{ display: block; padding: 1em; font-size: 1.2rem; font-weight: bold; color: #555; text-decoration: none; text-align: center; } 여기서 display: block 만 없애도 text-align:center가 적용이 안되더라구요 이렇게 됩니다. 왜 이렇게 되는 지 궁금합니다! 그리고 혹시 관련된 강의가 있다면 추천해주실 수 있을까요?
- 미해결CSS Flex와 Grid 제대로 익히기
flex-wrap:wrap; 설정 후 창사이즈 변경때 나타나는 증상
선생님 덕분에 만들어볼 수 있을정도로 올수있었습니다 감사합니다ㅠㅠㅠ 현재 연습용으로 만들어보다가 안되는건 대충 구글검색으로 해결 가능한데, 이 버그같은(?) 문제는 어떤 키워드로 검색해야할지... 혹은 원래 이런현상이 있는거라서 flex레이아웃을 안쓰는건지.. 궁금해서요ㅠㅠㅠㅠ 핑크 네모박스들이 전체창이 줄어들때 부모격한테 flex-wrap: wrap;을 줘서 줄어들때 같이 줄어드는데, 근데 문제가 통통튀기듯이 아래로 내려갔다가 다시 자기자리로 오는게 너무 보기 싫어서 해결하고 싶은데 해결방법을 어떻게 해야할지 모르겠어서요 혹시 선생님 이런문제 보신적 있으실까요..? 혹시 영어로 어떤 키워드를 검색하면 나올지 대략 감이 오실까요ㅠㅠㅠ? 아래↓는 핑크 네모박스들의 엄마에게 준 css코드입니다! https://youtu.be/NgiRnScmjK8 (동영상 첨부를 할줄몰라서 유튜브에 올려 링크가져왔습니다ㅠㅠ) 죄송하구 감사합니다 선생님ㅠㅠㅠ
- 미해결CSS Flex와 Grid 제대로 익히기
모달 질문입니다~~
강의 잘 듣고 있습니다 선생님~ 두번째 듣고 있는데 모달 하단에 뜨는것 관련해서 궁금한데요ㅠ #modal-switch, label[for="modal-switch"] span top을 0으로 주셨는데 모달창의 위치가 왜 저 인풋과 라벨에서 컨트롤 되는지(올라가는지) 도무지 이해가 가지 않아서요 ㅠㅠ 정작 모달 자체에는 top 80px 설정과 디스플레이논 속성 밖에 없는데 왜 저 버튼이 모달의 위치를 결정하는지 궁금해요 ㅠ
- 미해결CSS Flex와 Grid 제대로 익히기
flex 궁금합니다
flex 강의 잘 듣고 있습니다! 저기 메뉴 글자 product의 t가 안떨어 지도록 할 수 있는 방법이 궁금합니다 ㅠㅠ
- 미해결CSS Flex와 Grid 제대로 익히기
안녕하세요 질문이 있습니다
안녕하세요 텍스트가 볼드, 가운데 정렬, 눌렀을때 컬러가 하얀색이 되지 않습니다. 이유를 알수있을까요? ㅠㅠ
- 미해결CSS Flex와 Grid 제대로 익히기
혹시 작업하실 때 프로그램 어떤거 사용하시나요??
Atom 프로그램 사용 중인데 어떤거 쓰시나 궁금해서요 ㅎㅎ