Delete .next folder and restart dev server.

1) Are the other classes working?
2) What font are you using? If its not a variable font you need to explicitly define the correct font weights you want to use.

The color not being applied is a weird issue but lets get to that later when you answer the above

tired the 1st thing
yes other classes r working
isnt font-bold a tailwind css property by default?

Font bold is literally font-weight:700;

It still depends on the font you are using

i havent change that its default

Its the default font?

yes

I see :/. Can you check to see if the class is being applied using the dev tools?

okk let me see

yeaa

Go to the style viewer thingy

do u want the repo?

As a temporary fix try adding a ! At the start like "!font-bold"

let me see

nope still not working

https://github.com/yajatkaul/next-shop
this is the repo incase

That is very weird and should not be happening.

ikr

Nothing really stands out in the code. Looks fine to me. If you have another browser try that out rq.

ok

nope

my code is cursed

I'll trying cloning and checking it out

Yeah i found that out too

I was going to make a PR but i guess that's good enough

For future proofing i would use the following as the content:

tailwind.config.ts

content: [
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
    ],

Yea thanks fuck my muscle memory I recently switched to type script

Thanks so much guys