Learn Tailwind CSS – Course for Beginners

This course will give you a full introduction into all of the core concepts of Tailwind CSS — it will also provide details on every features that provides Tailwindcss.

Course from @codewithguillaume .

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:36) Setup
⌨️ (0:17:01) Colors
⌨️ (0:29:11) Customization
⌨️ (0:42:11) Typography
⌨️ (1:05:21) Spaces & sizes
⌨️ (1:29:36) Flex
⌨️ (1:51:46) Grids
⌨️ (2:12:48) Layouts
⌨️ (2:37:49) Borders
⌨️ (2:45:41) Effects & filters
⌨️ (2:57:33) Animations
⌨️ (3:08:28) Design System
⌨️ (3:56:31) Core concepts
⌨️ (4:05:26) Dark mode

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news


This Post Has 27 Comments

  1. Thanks to @freecodecamp to share this course !
    Hope you'll enjoy and learn everything you have to know about Tailwindcss 🙂

  2. Eliud_Coder

    good work but its hard for beginners following this. I wish you could first explain a concept before using it no matter how small it is.

  3. Thuta Nyan

    Hi, At first thank you for this course, actually I want to make you do mini projects with tailwind CSS If you have any mini projects, please let me know.

  4. nadav ben simon

    The main problem with those libraries that offer free css is that what they offer is easy to build in css and could replicate in less than 5 minutes,but if you want the complex and the hard to do styling and animations then you have to pay money or do it yourself .the other problem they have is that they stack css classes in top of each other so instead your html element havi g one class with one or 2 selectors to work with it now has 10 classes with 20 different selectors to work with that damage performance for something that could be done in 5 minutes

  5. Fazle Rabbi

    There are duplicate "Core Concepts" chapters at 08:07 and 03:56:31
    The tutorial is very beginner friendly, I appreciate that. But for a 4 hours long tutorial, the expectation was higher.

  6. Sumair Mir

    Plz make tutorial of tailwind CSS with reactjs

  7. Equan P.

    You are all the best! Thank You! 💖💖

  8. CodingNotes

    I learned Tailwind a good time ago and it has sped up my coding by a lot. Everyone should at least know that Tailwind exist. It might not be the perfect option for everyone , but for me it definitely works.

  9. To new developers…. please learn regular CSS as well as you can FIRST before you use things like Tailwind. You'll be a better dev for it. (and you'll be a more "hire-able" developer as an employee since most companies still use CSS or SCSS)

  10. Robi

    You can see he is genuinely excited to teach. Lovely to watch and learn!

  11. Noovsky

    The waffle house has found its new host

  12. TikTok Vibes

    Woaaah. Bon timing ce cours. Merci Guillaume. As-tu une chaine française également? First time I discover you through this chanel and I appreciate your work. Thank you freecodeCamp, thanks Guillaume. 🙂

  13. William oIsen

    Mrs Moraine the bitcoin trader is legit and her method works like magic I keep on earning every single week with her new strategy…

  14. Janaka de Silva

    Great content thanks @codewithguillaume it was just a few days ago I got a new framework to work on so it's already using tailwind and here your course is on youtube. I have a question at 3:15:44

    Let's say I'm writing a different colour for H1 in responsive mode. What are the options I have to write the responsive style?

    1-Using standard media queries. 2-Use the tailwind class at the same spot and write the responsive style. 3-Or any other option such as making another code block just to keep the responsive code separate 4-Tailwind already have a different approach for it.


  15. MistFox

    Is tailwind CSS free? I see they have product plans. Can anyone answer?

  16. Jayant Raj verma

    Please Bring a full course of blender in individual section of sculpting ,modling_textcturing….., Video editing, 2D…

    We are waiting for that a lot….

  17. Robert Thaiya

    I was thinking that today I should start learning tailwind and I WOKE UP TO THIS!!!! IF this is not a sign, I don't know what is. Thank you FreeCodeCamp!!!

  18. Truth Teachers

    Hi, is there any course material (source codes) for this course?

Leave a Reply