Square divs in flexbox

Hello everyone,

I’m creating a fullscreen grid using flexbox and I’d like it to be perfectly squared in all resolutions.
I tried following the steps from this other post but I couldn’t really understand what to do.
The grid I relate to is on the homepage of my public share link.

Thanks!


Here is my public share link: LINK
(how to access public share link)

One way to make the divs keep their square aspect ratio is to remove the height of 220px that you have set and instead give them a padding-top (or bottom) of 100%.

1 Like

That worked perfectly.
Thanks!

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