CSS Codeing
*{ margin: 0; padding: 0; } .container{ max-width: 1200px; margin: 0 auto; } .col-1{ width: 8.33%; float:left; } .col-2{ width: 16.66%; float:left; } .col-3{ width: 25%; float:left; } .col-4{ width: 33.33%; float:left; } .col-5{ width: 41.66%; float:left; } .col-6{ width: 50%; float:left; } .col-7{ width: 58.31%; float:left; } .col-8{ width: 66.64%; float:left; } .col-9{ width: 75%; float:left; } .col-10{ width: 83.3%; float:left; } .col-11{ width: 91.66%; float:left; } .col-12{ width: 100%; float:; } .clearfix{ clear: both; } .bg-red{ background-color: #f00; } .bg-blue{ background-color: #0f0; } .bg-green{ background-color: green; } .p-2{ padding: 2px; } .p-4{ padding: 4px; } .p-6{ padding: 6px; } .p-8{ padding: 8px; } .p-10{ padding: 10px; } .p-12{ padding: 12px; } .p-14{ padding: 14px; } .p-16{ padding: 16px; } .p-18{ padding: 18px; } .p-20{ padding: 20px; } .p-22{ padding: 22px; } .p-2{ pad...