Multi-Step Form Won't Space Properly

Hi guys, wondering if anyone’s had any experience with multi-step forms before

On my page I’ve got one created, and how I’m aiming it to look is as follows, with a space between each:

Progress bar (at top)
Title/questions (in middle)
Buttons (at bottom)

How it’s structured div-wise is that the progress bar is within a div as it appears across all steps, and the text/buttons are within a different div as the ‘step’

What’s happening though, is that ‘step’ div isn’t stretching downwards, so there’s a gap between the buttons and the bottom of the block the form is in

Wondering if there’s any way to stretch it so it fills the space underneath as well? Feel like I’ve tried every combination to get it to but still can’t figure it out

Thank you


Here is my site Read-Only:
https://preview.webflow.com/preview/convrtem-staging?utm_medium=preview_link&utm_source=designer&utm_content=convrtem-staging&preview=aeefd56bc08b48f786e8108f94177119&pageId=66785436c198b5a75b953e5c&workflow=preview

Here’s a link to the published site (where you can see the form step by step:
https://convrtem-staging.webflow.io/get-a-free-mockup

@dylanb - Since no one has replied yet I suggest that you add some screenshots or illustrations to help communicate what you are looking to do. Video works too. Posts with graphics tend to get better responses.