Approach and center icons

[Marzio]

I have a row with 6 Awesome icons in 6 columns
I would like to approach and center them
What are the Wappler commands to achieve this?

[ben]

Have just the one column and add a flex container and justify content around to finish up with

[George]

Actually we have a “flex container” element to insert that is just that

[Marzio]

But nothing has changed

[ben]

I may have misunderstood the word ‘approach’ in your original question. What exactly do you mean by that?

[Marzio]

I would like the icons in the center of the container with little distance between them

[ben]

Sorry for the late reply. You can use the closest alternative, like this one where I used Center instead of Space around.

[Marzio]

Perfect thank you very much

[Teodor]

Similar to what Ben suggested, but with using a nav with nav items instead, as from what i see on your screenshot is that you are using the nav element:

[Marzio]

Thank you
a bit at a time and I learn Wappler

[Teodor]

You can check the docs we prepared about the different align options in the nav and navbar elements:

Navigation Align Options

You already know HOW TO CREATE A NAVBAR and in this tutorial we will take a look at the align options for the navbar items. This also applies to the Nav element (in case you are not using a navbar, but a nav on the page). We added a simple navbar to the page. Select the Navbar Nav element: [Screenshot_9] First, let’s set its width to 100%: [Screenshot_10] The align options are located in the Flex Flow section. The property you need to change is called Justify Content: [Screenshot_11] When…

[Marzio]

it is very useful but it would be even better if there was an icon in the program to open the tutorial contextual to the operation in progress