×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: sasi panakal
Added: May 25, 2017 2:20 PM
Views: 8
Tags: container
main containers that are 100% wide
  1.  .container{
  2.              
  3.                 width:900px;
  4.                 box-sizing: padding-box;
  5.                 border: 1px solid black;
  6.                
  7.                 margin:auto;
  8.             }
  9.             .header-container{
  10.                 height:140px;
  11.             }
  12.             .hero-image-container{
  13.                    background-color: lightpink;
  14.                 height:400px;
  15.             }
  16.             .nav-container{
  17.                  background-color: darkolivegreen;
  18.                 height:40px;
  19.             }
  20.             .main-container{
  21.                  height:500px;
  22.             }
  23.             .footer-container{
  24.                  height:200px;
  25.                 background-color: darkslategray;
  26.             }
  27.             .header-container, .hero-image-container, .nav-container,  .main-container,.footer-container{
  28.                 width:100%;
  29.             }