inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 4

미디어 쿼리 질문 및 primary 질문

190

corp.starcoex

작성한 질문수 14

0

1. 저에 브라우저에는(크롬, 브레이브)미디어 퀴리를 1400px로 지정을 안해도 secondary-b 가 알아서 사이즈가 늘어납니다.
왜 이런지 궁금합니다.
2. primary 맨 하단에 보시면 secondary-a 와 secondary-b 보다 하단이 조금 위쪽으로 있습니다.
하단을 똑같이 맞추고 싶은데 이것은 어떻게 하는지 궁금합니다
3. ui-page.css  .modal 에 top: 80px을 안해줘도 기본값으로  똑같은 위치에 있습니다.  그리고 top:10px 이렇게 수정을 해도 올라가지 않습니다. 내려가는것은 되는데 올라가는 것은 안됩니다.

flex HTML/CSS

답변 1

0

1분코딩

1. 브라우저 사이즈 자체를 1400px 이상으로 할 때 부터 300px로 고정되는건데요, 혹시 브라우저 폭이 1400px이 안넘어간건지 한번 체크해보시겠어요? 1400 미만일 때는 늘어나는게 맞습니다~

2.primary의 하단이 높은것은 아니고요, 그 안에 들어있는 내용물인 card-item들이 그만큼만 차지해서 그런거랍니다. card-item들의 높이를 원하는대로 적절히 조정해주시면 됩니다.

3. 혹시 완성 소스를 가지고 테스트하셔도 그럴까요?

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

131

1

수업자료 다운로드

0

135

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

151

1

css grid repeat() 에서 autofit 사용시

0

195

1

menu 아이템 반응형 변경

0

112

1

질문은 아니고.. 오타 발견..

0

127

1

웹에서 위치?값

0

228

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

526

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

316

1

flex-basis auto, 0 차이

0

726

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

614

1

animation forwards 관련 질문

0

499

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

567

1

flex-grow IE 질문드립니다.

0

634

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

441

1

Grid 수직정렬 문의

0

1081

1

card__item에 display:flex를 했을 때..

0

515

1

11vmin

0

427

1

header class 안에 div와 h2

0

582

1

grid 반응형 페이지 step1 질문있습니다~

0

287

1

반응형 페이지 step4 order

0

362

1

미디어쿼리 사이즈

1

293

1

figure + div

0

308

1

CSS Grid를 통한 정렬의 장점

0

256

1