Skip to content

voronianski/griddy.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

griddy.css

Responsive 12 column based grid in 311 Bytes when gzipped.

Install

npm i griddy.css --save

or

<link rel="stylesheet" href="https://unpkg.com/griddy.css@1.0.0/dist/griddy.min.css" type="text/css" />

Examples

2 different columns

<div class="griddy">
    <div class="griddy-col griddy-col-4">.col.col-4</div>
    <div class="griddy-col griddy-col-8">.col.col-8</div>
</div>

1 column with offset

<div class="griddy">
    <div class="griddy-col griddy-col-4 griddy-offset-6">.col.col-4.offset-6</div>
</div>

List of classes

  • .griddy
  • .griddy-col
  • .griddy-col-right
  • .griddy-col-{COLUMN NUMBER}
  • .griddy-offset-{OFFSET NUMBER}

MIT Licensed

About

📖 Responsive 12 column based grid in 311 Bytes gzipped

Resources

Stars

Watchers

Forks

Packages

No packages published