Streaming live at 10am (PST)

Flexbox Space-between with Dynamic List not aligning


#1

Hello, I am having an issue on the Blog page (and Blog template page for that matter) where my dynamic items aren't aligning properly.

I am using Flexbox to display this content, with "space-between" as the justify value, but there seems to be an issue with the Dynamic Container that is preventing the items from aligning properly.

Anyone else ran into this issue and have a solution? I feel like there's probably some base CSS that Webflow includes for Dynamic Containers that is throwing things out of wack but I may be wrong...


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


#2

Hey there Steven,

Let me know if this does the trick. I checked to see if there was any margin, and decided to just re-put the blog-grid-list class on the Dynamic List, and everything went back to the correct position.


#3

Dude, that worked! So strange... Thanks a lot!


#4

Hey Brian,

I'm having the same issue again on the "Listings" Collection Template page... I've tried the same trick that worked last time and nothing is happening. Would you mind taking a look at it and seeing if it'll work on your end?

Thanks


#5

Nvm! I found that putting a div wrapper around the content fixed the issue, it's just when the lists are nested directly into a container that the problem occurs.


#6

Glad you were able to fix it.


#8