# Help with CSS Code

**URL:** <https://community.glideapps.com/t/help-with-css-code/40140>\
**Category:** Ask for Help\
**Created:** [March 27, 2022, 4:15pm UTC](https://community.glideapps.com/t/help-with-css-code/40140 "2022-03-27T16:15:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alex\_Rodriguez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alex_rodriguez/32/35095_2.png) [@Alex\_Rodriguez](https://community.glideapps.com/u/Alex_Rodriguez)\
**Post date:** [March 27, 2022, 4:15pm UTC](https://community.glideapps.com/t/help-with-css-code/40140/1 "2022-03-27T16:15:16Z")

</div>

![Captura web_27-3-2022_191146_go.glideapps.com](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/1/4113d284ac29c4b820d9f12c8ddcca25596dd259.jpeg)

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="post-metadata">

**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\
**Post date:** [March 27, 2022, 4:57pm UTC](https://community.glideapps.com/t/help-with-css-code/40140/2 "2022-03-27T16:57:41Z")

</div>

```auto
<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>

```

---

<div class="post-metadata">

**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\
**Post date:** [March 27, 2022, 4:59pm UTC](https://community.glideapps.com/t/help-with-css-code/40140/3 "2022-03-27T16:59:23Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Alex\_Rodriguez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alex_rodriguez/32/35095_2.png) [@Alex\_Rodriguez](https://community.glideapps.com/u/Alex_Rodriguez)\
**Post date:** [March 29, 2022, 7:55pm UTC](https://community.glideapps.com/t/help-with-css-code/40140/4 "2022-03-29T19:55:52Z")

</div>

Thanks!