Image Gallery in Grid

[Kitty Giraudel]

You need a grid system then; you are too picky to have something as simple as what @Paulie_D and I showed you.

**Edit**: my above assertion is true if you need something responsive of course.
**Edit 2**: you could have something quite simply but would need to have specific classes in your markup.

[JoniGiuro]

This would also be a solution but it requires an additional html element and http://jsfiddle.net/jonigiuro/rUkqZ/5/

[Kitty Giraudel]

I don’t see the point.

[Paulie_D]

JS/JQ to the rescue?

[JoniGiuro]

Adding the class server side would be even better. Sorry for wasting your time, I just wanted to be sure.
Thanks
J

[Kitty Giraudel]

There: http://jsfiddle.net/rUkqZ/6/?

[Kitty Giraudel]

Sass version, easing the calculations: http://jsfiddle.net/rUkqZ/7/.

You might want to have a look at @Crocodillon grid system: http://justifygrid.com/.

[JoniGiuro]

still using nth-child or additional class :) and I don’t want to use a grid system for this little thing. I’ll stick with my old way of doing it, but thanks for letting me see that it still is the most straight forward way.

Jonas

[Paulie_D]

I suppose it is worth saying that just because it might look different in IE8 is no reason not to use nth type. Etc.

[Kitty Giraudel]

> I suppose it is worth saying that just because it might look different in IE8 is no reason not to use nth type. Etc.

Definitely true.

[jurotek]

Come to think of it, something like this could be done by floating image left and give it margin right -100%.
Then you could use .push class with margin left for each image in row to display them like a grid with no margin on image needed.

[jurotek]

[Here’s the pen](http://cdpn.io/pjJig “”) just in case I wasn’t clear above

[Author]

Posts