미디어 쿼리 - 생활코딩

Boram_Choi·2022년 5월 30일
0

screen width > 800px = @media(min-width : 800px)
screen width < 800px = @media(max-width : 800px)

지난번 작성 html 에 적용시키면,
display: grid; 를 반응형으로 만들기 위해 @미디어쿼리 코드를 추가해서 display: block; 으로 만들고,

반응형 디자인 적용 시 구분선을 없애기 위해 olh1에 적용되 있던 border값을 none;으로 만들어 줌.


** PLUS
CSS파일(웹페이지에 반복되는 CSS) 링크걸기
<link rel="stylesheet" href="style.css">

profile
하루하루의 기록, 그리고 성장

0개의 댓글