Streaming live at 10am (PST)

Help with Flexbox


#1

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)


#2

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


#3

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

thanks!


#4

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.


#5

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