Welcome to this Tailwind CSS course.

Tailwind has known an amazing popularity in the web community so learning it would be interesting skill to add to your technical skills list.

For me, I think anyone who is using CSS should learn Tailwind to benefit from its capabilities.

This course covers Tailwind in detail. Basic to advanced features and utilities are covered . The explanation goes with examples (one or many depending on the complexity of the concept)

The course is based on the latest version of Tailwind.

At the end of the course, we will build 3 projects : Ebay , Messenger and Instagram designs.

The course covers the following concepts :

• Why you need to learn how to use Tailwind ?

• Tailwind core concepts

  1. Tailwind responsive design

  2. Tailwind states

  3. Tailwind dark mode

  4. Tailwind styles

• Manage layout in Tailwind

  1. Tailwind container

  2. Tailwind box sizing

  3. Tailwind display

  4. Tailwind float

  5. Tailwind clear

  6. Tailwind isolation

  7. Tailwind object position

  8. Tailwind overflow

  9. Tailwind overscroll

  10. Tailwind position

  11. Tailwind Top / Right / Bottom / Left

  12. Tailwind visibility

  13. Tailwind z-index

• Group items with flexbox and grid

• Control spacing and sizing of elements

• Styling text elements

• Manage borders and backgrounds

• Apply effects and filters to elements ( blur , brightness, contrast, shadow, grayscale, saturate, sepia + backdrop filters)

• Transitions, animations and transforms

• Interactivity and SVG

• Project 1 : Ebay

• Project 2 : Instagram

• Project 3 : Messenger

I hope this course will benefit you to be able to design beautiful apps.

If you have any question about an unclear point in the videos you can ask me , i will try to answer the soonest possible.