# Dev Diary Ep11 - Responsive Navigation / Q&A

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909>\
**Category:** Elements\
**Created:** [March 26, 2024, 2:54pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909 "2024-03-26T14:54:00Z")\
**Posts on this page:** 5\
**Page:** 2

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 28, 2024, 8:16am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909/21 "2024-03-28T08:16:10Z")

</div>

> [@LEZ](#):
>
> Thanks Dan. I gotta say though that me eyes ain’t so good as they woz! Hence the question about the text size. Will Elements respond to the macOS accessibility thang where you can select larger fonts for apps that play ball?

Sorry, it doesn’t currently, but this is something we should look into!

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [March 28, 2024, 8:21am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909/22 "2024-03-28T08:21:39Z")

</div>

> [@dan](#):
>
> However, it’s still missing the gradient on the dot, I’m guessing it’s just a value that’s not defined in our Tailwind setup

tl;dr: you just need to change `from-white` to `from-white-50`.

This is because we don’t (at least currently) have exactly the same color setup as the default Tailwind configuration. Tailwind includes some standard colors like black and white, so you can do things like `text-white` or `bg-black` (or `from-white` in this case for gradients).

Our theme studio works with color scales and doesn’t include any “one off” colors such as white.

So in this case we would just need to choose a white color from the white color scale, for example `from-white-50`.

Hope that makes sense! 🙂

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 28, 2024, 8:26am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909/23 "2024-03-28T08:26:55Z")

</div>

> [@bon](#):
>
> tl;dr: you just need to change `from-white` to `from-white-50`.

Thanks @bon!

Here we go, @upssjw a slight tweak of the code and we have it working 🎉

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 28, 2024, 8:38am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909/24 "2024-03-28T08:38:48Z")

</div>

@dan thanks for that, impressed you even showed an element you haven’t finished yet, great interaction with us, working on the fly  
I have uploaded 3 versions to my test site, still practicing with tailwind

I wanted 5 boxes, believe you said before you have 12 grid

I used the colours straight in vscode / [https://sjwjaw.co.uk/](https://sjwjaw.co.uk/)

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [March 29, 2024, 9:59pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909/25 "2024-03-29T21:59:40Z")

</div>

Schema for an individual - contacts, details etc / for an organisation - contacts, detail etc / for a product / for a product with ratings / for an image gallery / a movie gallery / contact page.

[Previous page](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909.md?page=1)