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

클론코딩 중 footer를 만들고있다. 잘 나오는 것 같지만, 브라우저 창의 크기를 줄이는 순간.. 띠로리ㅎㅎ 어떻게 해결해야할까 😞 고민고민 하다가, 미디어 쿼리라는 신세계를 만났다😎 @media screen and (max-width: 1024px) { display: block; line-height: 18px; 스크린 폭이 1024px보다 작다면 display: block, line-height: 18px로 적용시켜주었다. 그랬더니 화면 크기에따라 Footer 오른쪽 아래의 제휴/입점문의 이메일 display가 달라진 부분을 확인 할 수있다😃

2021.04.04