Full-width, responsive, grid layout - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Responsive Layout

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Responsive Layout

Description

Full-width, responsive, grid layout

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style>
@media (max-width: 600px)  {
   #p1 {<!--   w w  w. jav a 2  s  . c  om-->
      color:Chartreuse;
   }

}

@media (max-width: 400px)  {
   #p1 {
      color:yellow;
   }

}
</style> 
 </head> 
 <body> 
  <p id="p1" media="(max-width: 800px)">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>  
 </body>
</html>

Related Tutorials