tailwind CSS not responding in the browser despite correct installation and import
I'm encountering an issue with Tailwind CSS where it's not being applied in the browser, despite following the installation instructions correctly. I've also attempted to use regular CSS to import it, but it's still not showing up on my website.
Can someone please explain to me what’s the issue. Thanks
22 Replies
your div is empty. it will have 100% width and 0px height
try putting something inside
@epic2937 I put a generic “hello world” it still won’t work. Unless i need to put another div?
can you show what's in the console?
@epic2937
and the browser's element inspector?
@epic2937
that's not the element inspector
Is this it? @epic2937
yes
what's in the head element?
@epic2937
i have a feeling that there's something missing, but i don't know what
@epic2937 I’m thinking the same. I was watching https://www.youtube.com/watch?v=KAxKLvNwfn0 and I still don’t know how his worked. Literally have my css in the same position as his
Hey, Let's Learn Something
YouTube
Inspect element Chrome: Edit any website text & Save inspect elemen...
Edit any website’s text using inspect element and save it permanently to your PC’s browser in very few steps. This video gives you step-by-step instructions on how you can use the inspect element on the Chrome browser and add a small code to make changes to the text of websites (most if not all). Then after making the required changes, you can u...
https://www.youtube.com/watch?v=22CxRxryQFE lol wrong vid
Code Commerce
YouTube
Build and Deploy a Custom React Portfolio - Vite.js & Tailwind CSS
Build a custom website portfolio using React, Vite JS, Tailwind CSS, and deploy using Hostinger!
👉👉 Get 75% off with Hostinger’s special deal: https://www.hostinger.com/codecommerce (use code CODECOMMERCE for an extra 10% off)
🔥 Hostinger🔥
https://bit.ly/HostingerCodeCommerce
ZeroTo Mastery:
Master React JS Course - https://bit.ly/Learn-Reac...
i dont see anything obviously wrong
i do see some weird squigly lines on your css file
I changed that too @epic2937
you don't have the css file in your head
im not sure of how you add it
i found your problem
you stopped watching before 7:12
i think
you actually don't show the css file, but, if i had to guess, your home.jsx file doesn't look like this
@epic2937 ahhh I see so does all the css files go into the main.jsx?
i don't use vite, but if i had to guess, i would say "yes"
Nice thank you @epic2937
you're welcome