Help Using Grid/Flex

There is center aligning a Grid Item within the Grid, and then there is center aligning the entire Grid. Two subtly different things :slight_smile:

My examples showed how to center align the Grid Items inside a Grid.

If you wanted to center align the Grid within a parent Component then currently you would have to set a specific width on the Grid, and set the margin left and right to auto, like so:

Thanks again Bon. When I mentioned the parent I wasn’t trying to centre the Grid, I was looking for centring options in the parent Grid instead of the Grid Items. Basically looking in the wrong place. Half the battle at the moment is finding where everything is.

Having said this, the above example will be useful in the future so I appreciate it.

2 Likes