inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

Flex 핵심정리 #6 - 반응형 컬럼

min-heigth 에 대해서 이해가 안됩니다,..

364

wnstjsms1004

작성한 질문수 1

2

css 속성 쓰신것중 min-height 를 쓰셨는데 

몇번을 봐도 잘 이해가 되지 않습니다.. 

간간히 코딩 영상중 미디어 쿼리에 쓰는 것 말고

레이아웃? 을 잡을때 

width 값을 주고 max-width 값을 따로 주던데 

어떻게 이해하면 좋을까요ㅠㅠ

HTML/CSS flex

답변 2

2

1분코딩

예를들어 어떤 컨테이너의 높이를 height: 100vh으로 한다면, 콘텐츠의 양과 상관없이 무조건 브라우저 높이랑 똑같이 맞춰질거에요.
그치만 min-height: 100vh은 "최소" 높이가 브라우저 높이니까, 콘텐츠의 양이 많아져서 브라우저의 높이보다 길어지면 컨테이너가 같이 늘어나게 됩니다. 좀 더 유연하게 대처하기 위함이랄까요?
width나 height대신 min, max 단위를 쓰는 것은 대부분 그런 의도라도 보시면 됩니다^^

0

wnstjsms1004

이해됐습니다 감사합니다  :) 

강의 잘 보고 있습니다 ! 앞으로도 잘 부탁드리겠습니다 ^^

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

0

120

1

수업자료 다운로드

0

122

1

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

1

138

1

css grid repeat() 에서 autofit 사용시

0

183

1

menu 아이템 반응형 변경

0

102

1

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

0

121

1

웹에서 위치?값

0

212

1

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

0

510

2

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

0

310

1

flex-basis auto, 0 차이

0

711

2

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

2

607

1

animation forwards 관련 질문

0

489

2

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

0

560

1

flex-grow IE 질문드립니다.

0

625

2

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

0

437

1

Grid 수직정렬 문의

0

1076

1

card__item에 display:flex를 했을 때..

0

513

1

11vmin

0

419

1

header class 안에 div와 h2

0

577

1

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

0

282

1

반응형 페이지 step4 order

0

357

1

미디어쿼리 사이즈

1

287

1

figure + div

0

301

1

CSS Grid를 통한 정렬의 장점

0

248

1