How to Design a Grid-based Framework Using the CSS Float Property

Too Long; Didn't Read

The basic grid-based framework uses rows and columns to layout and aligns content. It's a Bootstrap-like framework that uses rows to layout. The main classes to layout the grid are:.rororoand.col-{breakpoint}- {number of columns} The grid is based on minimum width media queries, meaning they apply to that one breakpoint and all those above it. To make the grid responsive I only needed to put the code above a media query, replacingXXXXXXXX with the corresponding breakpoint. For example, I used the Easy Clearing Method.