Tailwind CSS

TA01 - Tailwind Basic Utility Classes

Junior

You should understand what Tailwind utility classes are and know about the most important utility classes.

You should understand the utility class approach of Tailwind.

You should know how to handle hover, focus and other states.

You should understand how Tailwind handles responsive design.

You should understand how to add custom styles.

You should have a general understanding of Tailwind directives.

You should know how to create spacing:

You should know how to handle sizes of elements:

You should know how to handle typography:

You should know to handle background:

You should know to handle borders:

Getting Things Done in Next.js:

Tailwind Docs:

Junior

You should know how to use flexbox and grid in Tailwind.

You should understand how flex works:

You should understand how grid works:

You should understand how to control order of flex and grid items.

You should understand how to control gaps between grid and flexbox layouts.

Getting Things Done in Next.js:

Tailwind Docs: