Footer 만들기 중 만난 미디어쿼리

클론코딩 중 footer를 만들고있다.

 

잘 나오는 것 같지만,

브라우저 창의 크기를 줄이는 순간..

띠로리ㅎㅎ

 

어떻게 해결해야할까 😞 고민고민 하다가,

 

미디어 쿼리라는 신세계를 만났다😎

 

 

@media screen and (max-width: 1024px) {
        display: block;
        line-height: 18px;

 

스크린 폭이 1024px보다 작다면 display: block, line-height: 18px로 적용시켜주었다.

 

그랬더니

화면 크기에따라 Footer 오른쪽 아래의 제휴/입점문의 이메일 display가 달라진 부분을 확인 할 수있다😃