Justifying Key Values

Is there any way to right justify a key value?

Hi @tomm, if this is what you mean:

There's no built-in way to do this but we can use Custom CSS.

On Preview, inspect the page and use Chrome tools to select the child of this element:


Note: This one is the easiest to find because you'll see that arrow pointing to the right when you hover over the element.

Select the child div, it should have the following properties:

What we need in order to 'right justify' the value, is to add:
justify-content: flex-end. For example:

Right click that selector and Copy selector:

Then go to your app's Custom CSS and add the declaration:

Repeat the same process for the key if you need to justify it to the right as well.

2 Likes