Protip: install node/npm w/ nvm, node version manager. When working with multiple projects there are sometimes older versions which are not compatible w/ the latest/greatest npm, so being able to have multiple versions of npm installed and easily switching is a great help. Might make a good video if you haven't touched on that already
Really like your teaching style! I'm making a blog for the first time in a decade, and want to use Eleventy, and from there heard about tailwindcss, and this video in particular was a great intro. Going to continue with the rest of the course. Thank you for your efforts!
@@Thirus i saw always your video ma'am.. waiting for video complex layout using tailwind.. in RU-vid know one teaching better than you.. thankyou so much ma'am
I don't know if you've seen these too: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BaX22-XuPkc.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vayY0WT1OQY.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-cqkuM6Ddw8E.html
The basics are mostly only this much. If you want to learn beyond this, I have my ebook releasing in July “Level up with Tailwind CSS”. You can pre-order here - shrutibalasa.gumroad.com/l/level-up-with-tailwind-css
I made a single page in html and tailwind cli. In visual sc I see the liver server version works ok. When i upload to server via Filezilla, the styling falls apart. What actual files do I upload to the htdocs folder on the server or public.html folder? I can't seem to find a video on yt about uploading the files to a server. Thanks.
You just have to upload the stylesheet that you’ve linked in the HTML and nothing else. Just make sure that the path for the stylesheet in the link tag is correct.
CSS is not mixed with HTML. They are still classes only. Not inline styles. And yes, shouldn’t use divs everywhere, but this tutorial is focused on Tailwind CSS, so the semantics aren’t important here.
How do you use hex color coming from api as color for any element in talwind css? I tried using arbitrary value technique but doesn't seem working. Please help
You can’t generate classes like that. Tailwind builds the CSS before you get that hex colour from API. Is that colour very random? Or do you have any list of colours? If you have a list, you can “white list” those classes.
Great video! Could you please make a dedicated video to "content" and pseudo-elements "after: " and "before:" like "before:content-[`\201C`]" ? I don't understand the usefulness of these elements. In which situations are they meaningful? Thank you!
HI, the last lines of code is giving me error. @media screen(lg) { body { background: linear-gradient(to right, white 0%, white 60%, theme('colors.violet.500') 60%, theme('colors.violet.500') 100%); } }
Replying through link is an issue. It tries to register and sends a verification code to my phone but code never reaches. No worries and Shruti, I like the way you explains the css, great job!!