Simple Responsive Fluid Grid System With Pure CSS – ungrid.css

Preview:

Description:

ungrid.css is a super tiny CSS library that helps you create responsive, smart, fluid grid system with ease. Both fixed and percentage base widths work perfectly. You can even use them together. The remaining columns will take up the rest of the available space.

Basic Usage:

Load the ungrid.css in your document.

<link href="ungrid.min.css" rel="stylesheet">

Create a simple layout with 3 columns that have the equal width.

<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

Create a simple layout with 3 columns that have fixed and percentage base widths.

<div class="row">
  <div class="col" style="width:80%"></div>
  <div class="col"></div>
</div>