55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
반응형 헤더네이게이션 질문입니다.
처음 위와같이 정상적으로 배치되며, 모바일로 줄이면 정상적으로 됩니다. 트리거 버튼을 한번 클릭하고 다시 화면을 늘이면 위와 같이 나오는데요, 새로고침을 하면 정상적으로 나오구요, 어떻게 하면 정상적으로 나오는지 잘 모르겠습니다. 아~~다시 해보니까요 <script> $('.trigger').click(function(){ $(this).toggleClass('active') $('.gnb, .sns').toggle() <= 넣는 순간 위 그림처럼 브라우저 확대 축소할때 정상적으로 나오질 않네요. }) </script>
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
스크롤 없는 높이 100% 레이아웃
원래대로라면 section의 height를 100%를 줬을 때 .container의 높이값을 넘어가버리는 문제가 생기는데 부모가 display:flex를 가지고 있으면 자식의 높이값이 부모의 크기를 넘어가지 않게 되는건가요? height:100%를 줘도 container의 높이값을 상속받지 않게 되버리는건가요?
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
플렉스(Flex) - 자식요소에 쓰는 속성(order)
모바일에서 높이값이 사라지는 현상때문에 질문드립니다. 우선 첫 번째 이미지는 PC에서 보여지는 상황입니다. .child에 height:300px을 줬고 flex:1이 다 적용된 상태입니다. 그런데 이게 모바일로 가게 되면 .child에 준 height:300px이 사라져버려서 저렇게 컨텐트 크기 만큼만 높이값을 할당해버리는 이유를 잘 모르겠습니다. ▼밑에 이미지처럼 높이값을 그대로 가져가야 한다고 생각했는데 높이값이 사라져버려서 헷갈리네요. 지금처럼 .child에 flex:1을 아예 주지 않으면 높이값을 그대로 가져가는데 flex:1을 주면 PC에선 height:300이 적용되다가 모바일에선 height:300px을 갖지 않는 이유가 궁금합니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
플렉스(Flex) - 부모요소에 쓰는 속성(align-content)
안녕하세요ㅎ 질문드립니다. 1. 첫 번째 이미지는 flex-wrap: wrap;과 align-items: center를 줬고 두 번째 이미지는 flex-wrap: wrap;과 align-content: space-around를 줬는데 두 개 결과가 동일하게 나오는데 이런 경우에는 align-content를 쓸 필요가 없는건가요? 2. align-items와 align-content는 둘 중 하나만 적용되는 속성인가요? 부모 크기가 줄면 자식 요소들을 어떻게 배치할 지 미리 생각하고 align-items를 쓸지 align-content를 쓸지 선택해야 하는건가요? 두 속성이 비슷한 속성이다보니 약간 혼동이 오네요 그리고 플렉스(Flex) 핵심이론 파트에서 "부모요소에 쓰는 속성(align-content)" 강의가 flex-wrap -> flex-flow -> 다음으로 와야 할꺼 같습니다. flex-wrap을 먼저 들어야 align-content를 들을 수 있는거 같아서요. 약간 강의 순서가 바뀐 거 같습니다.
- 해결됨플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
안녕하세요 폰트어썸이 잘 안되어서 질문드립니다.
안녕하세요. 강의가 너무 귀에 쏙쏙들어오고 이해가 잘되고 있습니다. 감사드립니다. Flex UI 실전 제작(1) – 반응형 로그인 폼 디자인(2)의 텍스트에서 제공된 폰트 어썸을 복사해서 style.css에 붙여넣고 강의 중 폰트 어썸 사이트에 들어가서 copy(html)해서 html에 있는 버튼안에 복사해 붙여 넣었는데 폰트 어썸이 나오질 않아서 질문드립니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
질문이 있습니다~
강의를 보며 연습 해보고 있는 학생입니다.. justify-content와 align-items center로 수평 수직 중앙에 배치 시켜놓았는데요. 근데 구현하고 싶은 것은 저 이미지들을 가운데에 중첩시켜놓고 싶은데 잘 되질 않네요.. 이미지들을 전부 가운데에 중첩시켜놓을려면 어떤식으로 될까요? ========================================== HTML <!-- 중앙 레이아웃 전체 2 --> <div class="ct_layout"> <!-- 중앙 레이아웃 타이틀 2-1 --> <div class="circle_screen"> <div class="hud01"><img src="./img/circle.png"></div> <div class="hud02"><img src="./img/circle2.png"></div> <div class="hud03"><img src="./img/circle3.png"></div> <div class="hud04"><img src="./img/circle4.png"></div> </div> </div> CSS .ct_layout{ border: 12px solid rgb(236, 39, 194); flex:1; display: flex; justify-content: center; align-items: center; } .circle_screen{ border: 10px solid cyan; display: flex; justify-content: center; align-items: center; } [class*='hud'] { display: flex; justify-content: center; align-items: center; }
- 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
질문드립니다.
삭제된 글입니다