Minimalist 12-Column Responsive Grid System with Pure CSS – Republic

Preview:

Description:

Republic is a super tiny, cross-browser CSS framework which helps you create fully responsive 12-column based grid layout in a minute. Written in pure CSS and no any dependencies.

How to use it:

Download and import the republic.css into the document’s head section.

<link rel="stylesheet" href="republic.css">

Add the classes to DIV elements to create a responsive, fluid grid layout.

<div class="re1">.re1</div>
<div class="re11">.re11</div>
<div class="re2">.re2</div>
<div class="re10">.re10</div>
<div class="re3">.re3</div>
<div class="re9">.re9</div>
<div class="re4">.re4</div>
<div class="re8">.re8</div>
<div class="re5">.re5</div>
<div class="re7">.re7</div>
<div class="re6">.re6</div>
<div class="re6">.re6</div>
<div class="re12">.re12</div>