https://github.com/allthingssmitty/responsive-css-grid

A super-lightweight, responsive, 8-column grid based on box-sizing
https://github.com/allthingssmitty/responsive-css-grid

box-sizing css css-grid grid pure-css purecss responsive responsive-grid

Last synced: 19 days ago
JSON representation

A super-lightweight, responsive, 8-column grid based on box-sizing

• Host: GitHub
• URL: https://github.com/allthingssmitty/responsive-css-grid
• Owner: AllThingsSmitty
• License: mit
• Created: 2016-04-06T11:00:03.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-12-31T19:19:34.000Z (almost 4 years ago)
• Last Synced: 2024-10-12T05:44:31.868Z (about 1 month ago)
• Topics: box-sizing, css, css-grid, grid, pure-css, purecss, responsive, responsive-grid
• Language: CSS
• Homepage:
• Size: 12.7 KB
• Stars: 51
• Watchers: 3
• Forks: 8
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Responsive CSS Grid

[![NPM version](https://img.shields.io/npm/v/responsive-css-grid.svg?)](https://www.npmjs.com/package/responsive-css-grid)

A super-lightweight, responsive, 8-column grid based on `box-sizing`.

## Getting Started

You may install this plugin with this command:

```shell

npm install responsive-css-grid --save-dev

```

**Issues with the output should be reported on the `responsive-css-grid` [issue tracker](https://github.com/allthingssmitty/responsive-css-grid/issues).**

## Usage

```html



  


    
 

      Your content

    

    
 

      Your content

    

  


  


    
 

      Your content

    

    
 

      Your content

    

    
 

      Your content

    

  




```


## Live Example

[Responsive CSS grid](http://codepen.io/AllThingsSmitty/full/YqEbPB).

## Browser support

The responsive CSS grid works in the latest versions of:

* Chrome

* Firefox

* Opera

* Safari

* Edge

* Internet Explorer

* iOS Safari

* Chrome for Android

The above list is non-exhaustive. This grid works perfectly with any browser that supports `box-sizing`, including IE8+.

## License

[The MIT License (MIT)](https://github.com/AllThingsSmitty/responsive-css-grid/blob/master/LICENSE)