Align text and button

Design help General
1

Hello everybody,

My question seems simple but I can’t find the answer.

I’m trying to center a button and to have it justified with the text over it but it’s always a bit on the side.
It’s in the section 6. The blue button is not centered with the thumbs picto and the text under it.

It looks good on some previews, but when I publish my page, it’s never perfectly centered (as shown on the pic).

Capture d’écran 2022-07-13 à 12.33.37
Capture d’écran 2022-07-13 à 12.33.371000×569 32.9 KB

Do you have any idea of what I can do to solve that ?

Thanks a lot,
Adrien

https://preview.webflow.com/preview/lp1-9aab1a-81e567eb67202b7a83c3f04cd384?utm_medium=preview_link&utm_source=dashboard&utm_content=lp1-9aab1a-81e567eb67202b7a83c3f04cd384&preview=ef0ef9fd5c0da42c959d51ea7f69738d&workflow=preview

2

Hi @Adrien75,

there are multiple ways to solve this:

1 You could put the “Div Block 36” into the grid and assign it to be three grid fields wide, taking up a whole column.

2 You could put both the grid and the button div into another div, then set the new parental div to be a flexbox with the horizontal center option active like this:

image

Hope this helped!

Cheers
Leon

3

Did number 1 and it worked perfectly.

Thanks a lot !

1 Like