1.0.34 • Published 6 years ago
simple-grid-css v1.0.34
Simple Grid Css
Simple Grid Css is a responsive grid system based on flexbox css
Another grid in css, however, this grid is much leaner! Great for building layouts just by being small and doing what I need: Building responsive layouts, just this.
Getting started
Via download
- Download compiled.zip from the latest release;
- Extract the ZIP archive and locate the simple-grid-css.min.css or simple-grid-css.css files;
- Copy the file of your choice into your project directory;
- So far, so good!
Via NPM
- Use
npm install simple-grid-css
to install the package; - You will then find the source code in
node_modules/simple-grid-css/simple-grid-css.css
; - So far, so good!
How to use
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
Tip: Add the class no-baseline
if you want to remove the spacing between the columns
<div class="row no-baseline">
<div class="col-xs-12 col-sm-6">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
Feel free to contribute 🤘
1.0.34
6 years ago
1.0.33
6 years ago
1.0.32
6 years ago
1.0.31
6 years ago
1.0.30
6 years ago
1.0.29
6 years ago
1.0.28
6 years ago
1.0.27
6 years ago
1.0.26
6 years ago
1.0.25
6 years ago
1.0.24
6 years ago
1.0.23
6 years ago
1.0.22
6 years ago
1.0.21
6 years ago
1.0.20
6 years ago
1.0.19
6 years ago
1.0.18
6 years ago
1.0.17
6 years ago
1.0.16
6 years ago
1.0.15
6 years ago
1.0.14
6 years ago
1.0.13
6 years ago
1.0.12
6 years ago
1.0.11
6 years ago
1.0.10
6 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago