The goal of this workshop is to master working with Tailwindcss.
- We start the workshop with a demo on how to setup/install tailwindcss, and go over some essential utility classes, and learn the layout classes for
grid
,flex
, andposition
. - Learn the essential utility classes by following this tutorial, you will learn better if you watch a section, and then implement the changes without guide.
- Learn about Tailwind's @apply directive to extract repeated utility patterns into custom CSS classes.
- Refactor Homework 01 portfolio to use tailwind.
- Refactor Homework 02 layout exercises to use tailwind, including the responsive layout.
- Submit/push your refactored code by the end of the day.
I'm available to answer any questions between 10:00 AM to noon, and 2:00 PM to 5:00 PM. When you finish, explore tailwind components and templates.
Happy Styling!