Grids won't scale the way i want

Design help General
1

I’m trying to to get the “add ons” section to appear below the “features”

When I place it there, if the describing text on the left side is too long, it stretches out the “features” gradient blocks. If I control the features blocks to not be warped and place the “add on” section directly under it in the right column, then there is a large gap between the two. How do I fix this?

Here is my site Read-Only: https://preview.webflow.com/preview/flashfeedio?utm_medium=preview_link&utm_source=designer&utm_content=flashfeedio&preview=426797fcdc5d8a542ad1d987489e9fb3&pageId=5fda28aaddf08b1868c768e5&itemId=602d3f1fc9c510f2b44b0a86&mode=preview

2

I would add a div and place both features and add ons in it.
image

image
image1267×760 74.6 KB

a grid row will always be as tall as the longest item in it , so that is he only solution I see with a grid setup.

3

Wow. I feel so stupid now lol. I don’t know how to never tried that… I swear I spent a long time trying to figure it out though. Thank you

1 Like
4

Don’t feel dumb. I have been there. You stare at something and just can’t see the answer. A fresh set of eyes never hurts. Glad it’s an easy fix