@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: Caleb Kirschbaum
   Date:   2/18/19
   
   Filename: pc_grids.css

*/


/* Grid Rows Styles */
div.row{
	clear:both;
	
}
div.row::after{
	clear:both;
	content:"";
	display:table;
	
}


/* Grid Columns Styles */

div[class^="col-"]{
	float:left;
	
}
div.col-1-1{
	width:100%
	
}
div.col-1-2{
	width:50%
	
}div.col-1-3{
	width:33.33%
	
}
div.col-2-3{
	width:66.67%
	
}
div.col-1-4{
	width:25%
	
}
div.col-3-4{
	width:72%
	
}
/* Grid Outline Styles */

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