Centering a group of buttons in a container

Design help Layout & Design
1

Hello, Im new to Webflow. I’m a designer that is exploring the capabilities of Webflow. It is pretty awesome. Im only exploring, so my work might look incorrect to some. As of now Im trying to figure out how to center a group of buttons within a container, that are still responsive for mobile.

Thanks!

Screen Shot 2022-08-16 at 11.33.47 AM
Screen Shot 2022-08-16 at 11.33.47 AM1920×846 52.4 KB

Here is how I would like it to look:

Screen Shot 2022-08-16 at 11.42.08 AM
Screen Shot 2022-08-16 at 11.42.08 AM1920×524 26.6 KB

Here is my site Read-Only: LINK

2

hi @JaylenFast as your buttons are set as inline elements the simplest way is to set text centre on your container.

CleanShot 2022-08-16 at 21.05.28
CleanShot 2022-08-16 at 21.05.281633×1080 215 KB

Another approach to have more control over items in row will be to wrap given amount of elements into separate div block that will be set to flex - flex wrap etc. there is a many ways how to

1 Like
3

yes he is right set the container to text -align center

4

Thank you @Stan and @Sridhar_S I love and hate how easy of fix it is!

1 Like
5

hi @JaylenFast glad that helped,feel free to close your request as solved. :wink:

1 Like