Coloring will not work on tailwindCSS, all other tailwind queries work, however bg-colors do not


Coloring of any type especially background colors wont work, I think it may be an issue regarding the certain styles, or an issue with tailwind.config file

 HTML/CSS
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link href="https://unpkg.com/[email protected]^1.0/dist/tailwind.min.css" rel="stylesheet">
    </head>
    <body >
        
    <div class="flex justify-center items-center h-screen  ">
        <div class=" box-content h-60 w-64 p-4 border-4 items-center rounded-lg bg-slate-800  ">
            <div class="mb-4  "> How did we do?</div>  
            <div class="text-md mb-8">Please let us know how we did with your support request. All feedback is appreciated to help us improve our offering!</div> 
            <form class="flex space-x-6 justify-center tracking-wide ">
            <div id="one">1</div>  
            <div id="two">2</div> 
            <div id="three">3</div> 
            <div id="four">4</div> 
            <div id="five">5</div>
            </form>
            <div class="mt-5 flex items-center justify-center">
            <button  type="submit">Submit</button>
            </div>
        </div>   
    </div>
    
    </body>
    </html>

TAILWIND_CONFIG, nothing is configured specifically as I'm taking a coding challenge, however using tailwinds before with the regular npm install worked fine so I'm not sure where the problem lies. 



 module.exports = 
      content: [],
      theme: 
        extend: ,
      ,
      plugins: [],
    

Please ignore this part as stack exchange keeps saying this is mostly code, heck this dumb rule.



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Article

Doctor Strange 2 Video Reveals Illuminati & Charlize Theron’s Clea

Next Article

Spotlight on Ahmedabad as Gujarat Titans and Rajasthan Royals look to cross final hurdle

Related Posts