생활코딩 WEB2-13. 미디어 쿼리 써먹기

@media(max-width:800px){
    #grid {
        display: block;
    }
    ol {
        border-right: none;
    }
    h1{
        border-bottom:none;
    }
}

• 800px보다 화면이 작을 때
  • id값이 grid인 태그에 display가 grid에서 block 으로 바뀜.
  • ol태그 오른쪽 테두리가 사라짐.
  • h1제목 테두리 아래쪽 선이 사라짐.