[CSS]반응형 디자인

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

: 최대 width는 800px (== 800보다 작으면, 반응형 조건 )

< 800px보다 작을 때 >

: display = block , ol -> ol의 오른쪽 선 안보이게 ,

 

---

  <link rel="stylesheet" href="style.css">

css 코드의 재사용을 위해서, "style.css"파일로 <style>태그 제외한 내용을 저장하였다. 

이를 가리키기 위해서html 파일에서는,  link 태그를 사용한다.