Aspect Ratio Trick - But with 3:4 image... help?

Design help General
1

I’ve locked the aspect ratio of some of the images on my website using this trick and these images are 4:3.

I have some 3:4 images that I’d like to also lock, but I’m struggling to figure out how it’s done. I figured that a 3:4 image is just a 4:3 on its side, so tried to add the 75% padding to the left of the Div box, but it hasn’t worked.

Can anybody shed light on this as it seems like all of the tutorials are for landscape images.

Thanks in advance.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

I believe you want to use 133.333% padding on the top.

1 Like
3

Thanks, I’ll give it a try later.

I did think to try this but it just seemed counter intuitive using padding at the top :exploding_head: