Creating 5(3x2) same width & height images in 2 columns

Hello Everyone,

What’s the easier way to recreate this Image 2017-07-11 at 10.56.4...?

I can’t seem to get my 2nd row images to have the same height and width while staying responsive. Image 2017-07-11 at 10.58.0...

https://preview.webflow.com/preview/okie-media-website?preview=c3338af5a2c53bfd8481139a958a1a88

http://okie-media-website.webflow.io/

Please advice :frowning:

That’s because you have them set to auto. Set height and width and you’ll be good to go.

If by “responsive” you mean that they get bigger and smaller as you resize the screen, use vw for the image width and set the height as auto and do this with the column flexbox settings.

Thank you Cricitem, I managed to set the image to the same size that I want. However how do I remove all those padding/spaces between the bottom 2 images and close them up with the top 3 images as shown here : Image 2017-07-11 at 10.56.4...

Your Image 2 element has a large top margin.


Thank you again! It’s working perfectly now. :slight_smile: