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

Category: CSS & CSS3 , Layout | November 10, 2014
Author: chrisnager
Views Total: 2,458
Official Page: Go to website
Last Update: November 10, 2014
License: MIT

Preview:

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

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>

You Might Be Interested In:


Leave a Reply