CodePen

HTML

            
              <div>Lorem Ipsum</div>
            
          
!

CSS

            
              div {
  width: 800px;
  height: 200px;
  background-color: green;
  margin: 20px auto;
  font-size: 48px;
  transition: width .25s, background-color .5s, font-size 1s, height 2s;
  @media (max-width: 900px) {
    font-size: 18px;
    width: 600px;
    background-color: red;
    height: 100px;
  }
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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