Help with CSS Code

Hi everyone , i need some help with css code:

I would lke to price to be on the left of the Dish Name with the orange color also.

Thanks

<div class="dish-wrapper">
    <h3>DISHNAME</h3>
    <h3 class="dish-price">DISHPRICE</h3>
</div>

<style>

.dish-wrapper {
    display: flex;
    justify-content: space-between;
}

.dish-price {
    text-align: right;
    color: var(--gv-accent);
}

</style>
3 Likes

Put it into Template column and replace DISHNAME & DISHPRICE with real data. The color of DISHPRICE will always be your app’s accent color.

1 Like

Thanks!