Three column image gallery.

Hi Alex,

One solution would be to reduce the image size to allow factoring in of some margin.

img { //use appropriate selector here i just went for generic select as I dont know what classes your using
   width: 30%;
   margin: 1.6666667%; // total 100% fill 3x30% = 90% + 3(2 x 1.66667) =100%
}

this will still give a 3 column layout but also factors in some margins to give a little space between images.

Hope this helps, if not providing us with the actual code would be helpful

I'd try setting the image width to 30%. This would give you a grand total of 90% which would leave 10% for margins. You could then have left and right margins of 1.666%. That should give you what you're looking for.

Hey Alex Watts,

Maybe the project code from the new CSS Transitions & Transforms course can help you out. In the course, we work on a 3-column image gallery and add cool interactions with, well, CSS transitions and transforms. :)

Thanks Guil!

Thanks I managed to get a solution. Both answers were helpful!