@charset "utf-8";
/*
   New Perspectives on HTML5 and CSS3, 7th Edition
   Tutorial 3
   Tutorial Case
   
   Style Sheet for Grids used in the Pandaisia Chocolates website
   Author: 
   Date:   
   
   Filename: pc_grids.css

*/


/* Grid Rows Styles */
div.row{
   clear: both;
}

dir.row::after {
   clear: both;
   content: "";
   display: table;
}

/* Grid Columns Styles */
div{
   outline: 1px solid red;
}

div[class^="col-"]{
   float: left;
}

/*Width Section*/
div.col-1-1{ width: 100%;}
div.col-3-4{ width: 75%;}
div.col-2-3{ width: 66.67%;}
div.col-1-2{ width: 50%;}
div.col-1-3{ width: 30%;}
div.col-1-4{ width: 25%;}

/* Grid Outline Styles */