1.0.34 • Published 9 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-cssto 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
9 years ago
1.0.33
9 years ago
1.0.32
9 years ago
1.0.31
9 years ago
1.0.30
9 years ago
1.0.29
9 years ago
1.0.28
9 years ago
1.0.27
9 years ago
1.0.26
9 years ago
1.0.25
9 years ago
1.0.24
9 years ago
1.0.23
9 years ago
1.0.22
9 years ago
1.0.21
9 years ago
1.0.20
9 years ago
1.0.19
9 years ago
1.0.18
9 years ago
1.0.17
9 years ago
1.0.16
9 years ago
1.0.15
9 years ago
1.0.14
9 years ago
1.0.13
9 years ago
1.0.12
9 years ago
1.0.11
9 years ago
1.0.10
9 years ago
1.0.9
9 years ago
1.0.8
9 years ago
1.0.7
9 years ago
1.0.6
9 years ago
1.0.5
9 years ago
1.0.3
9 years ago
1.0.2
9 years ago
1.0.1
9 years ago
1.0.0
9 years ago