Use fixed grids make it centered when it responsive
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
sass
.gitignore
README.md
gulpfile.js
index.html
package.json

README.md

responsive_centered_grids

Intro

Use fixed grids make it centered when it responsive

Long time ago. We handle fixed grids had to use JavaScript calc width if browser resize. Now we can use media query & sass handle this problem easy.

Feature

  • Fixed grids when browser resize and always centered

  • Support IE9+

  • Develop on compass & sass

Demo

Demo

Demo 2

Usage

In responsive_centered_grids.scss.

$gridsWidth is a grid width we can set.

If your grid width too small or large and you want to change colums on browser.

You can change $columns.