illustration for Introduction to Tailwind and the Utility First Workflow
pro

Introduction to Tailwind and the Utility First Workflow

Instructor

Adam Wathan

1h 15m closed-captioning
·
8 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.8
607
people completed
Published 5 years ago
|
Updated 4 years ago

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

Course Content

1h 15m • 8 lessons

    You might also like these resources:

    illustration for CSS Fundamentals
    Tyler Clark・33m・Course

    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.

    illustration for Build Complex Layouts with CSS Grid Layout
    Rory Smith・42m・Course

    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.

    illustration for Flexbox Fundamentals
    Garth Braithwaite・18m・Course

    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.