CodePen

HTML

            
              <header>
  <p>Content</p>
</header>
            
          
!

CSS

            
              header{
    background: #1e5799;
    min-height: 40px;
    max-height: 136px;
}

@media all and (max-width: 500px) {

    header{
        height: 10px !important;
        background-color: #FF0000;
    }

}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................