Introduction to Tailwind and the Utility First Workflow
Adam Wathan
- tailwind
^1.0.4
Meet Tailwind, a utility-first CSS framework for rapidly building custom user interfaces.
Tailwind provides us with highly compassable utility classes but leaves the design specification completely up to the user to maintain that custom look and feel to your app.
What you'll learn:
- Install Tailwind CSS in your project
- Design with the utility first workflow
- Use Tailwind CSS for responsive design
- Extract Tailwind CSS component classes
Learner Reviews
- What did you like about this course?
super clear and easy to follow
Darko Antic2 years ago - What did you like about this course?
very informative, I like the explanation on tailwing.config.js and other use cases with
Learner2 years ago - What did you like about this course?
some of the content is out of date since the latest tailwind version is 3, but still useful in understanding the principles.
Mehmet Yarar aka Niyo2 years ago - What did you like about this course?
Adam gives you these powerful mindset about Tailwind that only an author can made
Rod3 years ago - What did you like about this course?
Excellent detailed explanations on how Tailwind works, and from the creator of Tailwind
Learner3 years ago - What did you like about this course?
Really informative, useful course which helps me a lot on grasping the workflow with Tailwind. Highly recommend to learn this course to understand how to use Tailwind effectively.
Learner3 years ago
Course Content
- 1
You might also like these resources:
All developers can learn something new when it comes to using and understanding how the browser interprets CSS. We will slowly style a website according to a mocked image.
CSS Grid Layout is a two-dimensional layout method that gives you control over items in rows and columns. We will look at ways to divide the page into major regions.
Flexbox is a wonderful tool built into the CSS specification. Using flexbox doesn't require any special framework or library, just a browser with CSS3 support.