How to center align the last element in a Grid?

[planet]

Hello there, do you know, how can I center the last element in a grid. Note, I am using a Lopper provider and consumer to fetch that
For Eg:

These two profiles in the last row should be centered.

[ruenel]

Hello @Planet,

Thanks for writing in!

CSS Grid isn’t suited for alignment across an entire row because of crisscrossing tracks blocking the way. Here’s a detailed explanation:

• Aligning grid items across the entire row/column (like flex items can)

We highly recommend that you use the row/column elements so that you can center the last two columns at the bottom by using the Flexbox option by positioning the horizontal alignment to the “Center”.

Flexbox option in your Row settings:

The result:

Hope this helps.

[planet]

Thank you very much

[tristup]

Hi @Planet,

You are most welcome.