Hello, I would like to ensure that the buttons are fixed to the bottom of my div block so that the design of each of my event blocks is uniform. As you can see, some CTAs are higher than others and vice versa. Could you please help me? Thank you for your time.
To ensure the buttons (CTAs) are fixed to the bottom of your event blocks and align uniformly, use Flexbox. Set the parent container (div block
) to display: flex
with flex-direction: column
and justify-content: space-between
, so the button naturally aligns at the bottom. Ensure all event blocks have a consistent min-height
or height
for uniformity. Apply margin-top: auto
to the button or its wrapper to push it to the bottom within the block. In Webflow, adjust these settings in the Designer under Layout and test across breakpoints to maintain responsiveness.