See more:

CSS

WordPress

Configuration

So I'm building a template for a page(template-clock.php), but the original out-of-the-box classes of tailwind CSS just work fine but my custom ones are in the tailwind.config file:

//THIS IS THE tailwind.config file code:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./*.html'],
theme: {
extend: {
width: {
'800': '800px',
'340': '340px',
},
height: {
'400': '400px',
'200': '200px',
},
},
},
plugins: [],
}

//HTML code:




the lg:800 is supposed to give 800px on WordPress but doesn't work, it works only if I use lg:w-full, lg:w-96, etc even the w-340 doesn't work

Thanks In Advance

What I have tried:

CSS just works well. I've tried using normal tailwind CSS classes but the outcome isn't how I want it to be.