How to do space-between for CSS grids

Hello, is there a way to do something like:

display: grid;
justify-content: space-between;

Trying to achieve something like this:

Image from iOS.jpg

Hi, currently things should be left aligned rather than spread out like that, do you have an example of where things are being spread out?

Yes everything aligns to the left within a grid but is there anyway to get a ‘justify-content: space-between’ effect?

I’d like to have the elements within a grid span the width of the grid container, space between each…

Got it! It’s not yet in the grid controls but we will get there. In the meantime you can rely on the custom CSS embed from the component store

Ok thanks! :pray:

I came upon this while searching for a way to do { justify-content: space-between } in a horizontal stack. In my case, it was for aligning a check mark to right while keeping the label left aligned. See below:

The custom css works for now, but having the option in the user interface would be more convenient. Unless it’s been released meanwhile and I missed it?