The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › grid problem with images.
Hey,
I’ve using the grid that Chris wrote about on this site.
its working fine but with one problem. I have 4 columns with a div element and with an image.
all columns have a padding right except the last one.
If you look at http://codepen.io/anon/pen/mtgAI
the right div is bigger.
the last column is now bigger. Any ways to get around this?
Thank you :)
This is your issue:
[class*=’col-‘]:last-of-type { padding-right: 0px; }
I know what the issue is, the module ive used is “.work”. Just wondering if there’s any way around this?
I’ve added [class*=’col-‘] { float: left; padding-right: 10px; padding-left: 10px; }
and removed
which works :)