Dev Diary Ep11 - Responsive Navigation / Q&A

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

1 Like

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! :slight_smile:

1 Like

Thanks @bon!

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

@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/

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.