Testing media queries

by hbmaam hbmaam

HTML

<p>Resize this window to see <br/> media queries in action</p>

CSS

body { color: white; background: gray; font-size: .2in }

@media all and (max-width: 720px){
    body { background: yellow; }
    br{
      display: none;
    }
}

@media all and (max-width: 620px){
    body { background: green; }
    br{
      display: inline-block;
    }
}