<div class='wrapper'> <div class='grid'> <div class='full'> full </div> <!-- /full --> <div class='half'> half </div> <!-- /half --> <div class='half'> half </div> <!-- /half --> <div class='third'> third </div> <!-- /third --> <div class='third'> third </div> <!-- /third --> <div class='third'> third </div> <!-- /third --> <div class='quarter'> quarter </div> <!-- /quarter --> <div class='quarter'> quarter </div> <!-- /quarter --> <div class='quarter'> quarter </div> <!-- /quarter --> <div class='quarter'> quarter </div> <!-- /quarter --> </div> <!-- /grid --> </div> <!-- /wrapper -->