Not sure where to start?
Let us help you find your perfect course.Bootcamp
Study group
Collaborate with peers in your dedicated #study-group channel.
Code reviews
Submit projects for review using the /review
command in your #code-reviews channel
Not sure where to start?
Let us help you find your perfect course.Join 10287 other students
Log in to get
Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.
Subscription includes
Tailwind CSS is a utility-first framework for rapidly building custom designs. This tutorial will teach your Tailwind from scratch, using a mix of lectures and interactive coding challenges.
This course contains 24 interactive screencasts
Build a beautiful landing page for this course. This capstone project brings all your Tailwind skills together.
Tailwind makes it super-simple to create cards and other components. You'll build an employee card from scratch.
Before taking this course, you should have a basic understanding of HTML and CSS. Here’s our suggested resource to get you up to speed.
Victor is a Senior Web Developer with over 10 years of professional experience building web applications. He has taught software development to hundreds of thousands of people via his popular YouTube channel Coders Tape.
Follow me on twitterDuring this course we will be exploring the features of Tailwind CSS. As a quick recap, Tailwind is a utility-first framework designed to speed up the design process by completely removing the need for custom CSS. In the past, every HTML element would get a single class and that class would contain a lot of custom CSS in a separate CSS file. Though this is still the general practice, this practice leads to huge CSS files, reduces the ease of maintaining CSS and yields overall poorer developer experience.
Another advantage of a utility framework is its superior performance with caching due to not busting the cache for small CSS changes. Tailwind has been designed with incredible sensible defaults to make your designs look and feel "polished" and "designed" through the careful use of color palettes, color shades, sizing consistency and modern web best-practices. It's also worth noting, that Tailwind is mobile-first and has an easy naming convention with responsive designs built-in.
Need some customizations? Tailwind's robust customization system will allow you to customize/tweak/modify everything in the framework through the use of the
Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!