Just started using nextjs got it to work somewhat but forsome reason i cant seem to get the

<h1 class="text-3xl font-bold underline text-white-300">Hello world!</h1>

text-white-300 to work. Im not sure if its something im missing i have a docker section and even taking docker out of the equation it still does not seem to turn the text white.

export default function Home() {
  return (
  <h1 className="text-3xl font-bold underline text-white-300">
    Hello world!
  </h1>
  )
}

1. i have played around with lots of configs.
2. I have looked at offical docs for Tailwind & nextjs and cant get it to work with there base info.



https://github.com/Grasume/titex