Help with Flexbox

Hello!

I am creating a grid with content with Flexbox and everything has worked well until I get to my last row where I only have content to fill 2 of the 3 columns. When I delete the last Div, flex then stretches the last 2 columns. Is there anyway to keep those columns the same width and keep them in the same place?

https://preview.webflow.com/preview/if-i-made?preview=288edd9621105ec105e1a42c51b9f652

I am working in

Wedding Photography with Erich McVey / Course Content

Thanks!


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

Looks like you solved the problem. Do let us know if you need any more help.

@samliew I was actually referring to content on a different page

thanks!

This seems to be an issue inherent to Flexbox, not just Webflow. I’ve read a few Stack Overflow posts with the same issue. They solved it with either putting in a few empty children to fill out the last row, or wrote some Javascript to solve it. Seems like this should be something Flexbox itself should be able to handle because I would think this would be one of the most common types of layouts that Flexbox would be good for, but apparently not.

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