- Notifications
You must be signed in to change notification settings - Fork8
A super-lightweight, responsive, 8-column grid based on box-sizing
License
NotificationsYou must be signed in to change notification settings
AllThingsSmitty/responsive-css-grid
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
A super-lightweight, responsive, 8-column grid based onbox-sizing.
You may install this plugin with this command:
npm install responsive-css-grid --save-dev
Issues with the output should be reported on theresponsive-css-gridissue tracker.
<divclass="container"><divclass="row"><divclass="col-2-3"><!-- column is 2/3 the total width --> Your content</div><divclass="col-1-3"><!-- column is 1/3 the total width --> Your content</div></div><divclass="row"><divclass="col-1-4"><!-- column is 1/4 the total width --> Your content</div><divclass="col-1-2"><!-- column is 1/2 the total width --> Your content</div><divclass="col-1-4"><!-- column is 1/4 the total width --> Your content</div></div></div>
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 supportsbox-sizing, including IE8+.
About
A super-lightweight, responsive, 8-column grid based on box-sizing
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.