Streaming live at 10am (PST)

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


#1

Hello Everyone,

What's the easier way to recreate this https://cl.ly/1G042x44213H?

I can't seem to get my 2nd row images to have the same height and width while staying responsive. https://cl.ly/2s171a2D2l2B

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

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

Please advice :frowning:


#2

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.


#3

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 : https://cl.ly/1G042x44213H


#4

Your Image 2 element has a large top margin.



#5

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


#6

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.