Streaming live at 10am (PST)

Square divs in flexbox


#1

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)


#2

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%.


#3

That worked perfectly.
Thanks!


#4

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