Tailwindcss класс не работает, почему?

Question

[sharpsss]

Всем привет, в общем решил познакомиться и потестить tailwindcss, сел сделал небольшую секцию всё как бы ок, но некоторой мистики я не понимаю, например почему у меня не задаётся background-color?

<header class="w-max h-[50px] bg-red-500">
asd
</header>

вот код, при том если я задам

<header class="w-max h-[50px] bg-[red]">
asd
</header>

тоже не будет работать, но в блоке ниже также заданы цвета фона и оно работает.. а тут не работает, возникает вопрос - почему так ?