Streaming live at 10am (PST)

Need button centered in different width columns

I am trying to add buttons to the bottom of four columns. The columns are different width. I am having trouble getting the buttons to center on each column. Please help.


Here is my site Read-Only: Webflow - diad_networks
(how to share your site Read-Only link)

@sheinaw Do you have a screenshot of your navigator (where you can see the orders of your elements). Since the second column is wider than the others, I suspect the div the button is in might be floating things to the left and not centering them.

Not sure what I did now but they need to be inline horizontally as well.

You could adjust the margin of your button to the left and to the right to auto, instead of a fixed size.

@Marius1989 thanks that worked.
How can I get them all aligned horizontally now.

.broadband-card {
    display: flex;
    flex-direction: column;
}

.fiber-start-block {
    margin: 0 20px;
}

.fiber-button {
    position: relative;
}