반응형 레이아웃 질문입니다.

[3ae]

안녕하세요. HTML CSS 강의를 듣고 구글 메인 페이지의 클론 코딩을 하고 있습니다.

구글 메인 페이지처럼 반응형 레이아웃을 구현하는 법을 알고 싶어 질문합니다.

아래 사진과 같이 처음 구글의 메인 페이지의 높이를 줄이면 검색 창 하단의 여백만 줄어듭니다.
 

이후 페이지의 높이를 더 줄이면 하단의 여백은 유지되고 검색 창 상단의 여백이 줄어듭니다.


이렇게 상황에 따라 특정 부분만 늘어나고 줄어들게 만드는 방법을 알고 싶습니다.

감사합니다.

[codingapple]

미디어쿼리 소괄호에 max-height 넣으면 페이지 높이에 따라 css 변경가능합니다

[3ae]

아... 구간을 여러번 나눠놓은거였군요.
감사합니다.

[글쓴이]

글