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

Written by fivan | Published 2020/05/28
Tech Story Tags: css | web-development | front-end-development | html | tutorial | css-grids | css3 | html5 | web-monetization

TLDR 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.via the TL;DR App

no story

Written by fivan | The code tells you more than a thousand words
Published by HackerNoon on 2020/05/28