Blog card sizing

Design help General
1

On the blog page I’ve created, I want all the blog cards to be the same size but stretch if needs be, to match the height of the card with the most content. For some reason I can’t figure out how to make this happen. If you take at the cards down the bottom, the content is spilling outside the card

Here is my site Read-Only: [LINK](Webflow - VDB-Wealth)

(how to share your site Read-Only link)

2

Hi there,

To create equal height layouts for your blog cards, you’ll need to utilize Webflow’s flexbox properties. Here’s how to set it up:

  1. Add a container div and nest your blog cards inside it
  2. For the container, set the display to flex and configure:
    • Direction: Horizontal
    • Justify: Start
    • Align: Stretch
  3. For equal widths across cards, either:
    • Set each card’s width to a percentage (e.g., 33.33% for three cards)
    • Or set their flex child settings to Expand
  4. To properly align content within each card:
    • Set the card’s display to flex
    • Set Flex layout to Vertical
    • Use auto margins where needed for spacing

These settings will ensure all cards automatically stretch to match the height of the tallest card while maintaining proper content alignment within each card.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.