Skip to content

fbngrm/responsive-image-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image-grid

image-grid is a mobile friendly responsive grid optimized for three different image formats. It is build with a subset of the awesome spectre.css and uses its responsive grid customized to work well with image ratios of 2/3, 3/4 and 1/1.

Demo

Installation

Install manually

Download the compiled and minified CSS file

Install wit NPM

$ npm install responsive-image-grid

And include it in your site.

<link rel="stylesheet" href="dist/image-grid.min.css" />

Usage

Images should have the correct ratio in landscape or portrait orientation. Have a look at the files in the demo directory to see how to use the grids. To adjust the padding change the @image-gutter variable in variables.less. Then compile the css with gulp build.

License

MIT

About

Responsive image grid boilerplate

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published