Tailwind CSS від 0 до сучасної верстки

Головна мета лекції - навчити основному функціоналу та можливостям бібліотеки Tailwind CSS, щоб після її перегляду будь-яка людина зі знаннями HTML та CSS змогла почати самостійно створювати сучасні інтерфейси із використанням даної бібліотеки. У лекції ми заглибимося не тільки у використання утиліт та класів Tailwind, а також подивимося, як він працює під капотом, як налаштовувати конфігурацію та як ефективно вирішувати типові задачі верстки.

Розглянемо основні властивості Tailwind CSS:

• Базова конфігурація
• Налаштування власних кольорів та інших значень
• Використання плагінів
• Робота з псевдокласами та станами елементів
• Вирішення конфліктів між класами

Окрім основ, також детально розберемо наступні аспекти:

• Система шрифтів та типографія
• Реалізація темної теми
• Використання container для контролю ширини
• Комбінування Tailwind з традиційним CSS

Всю теорію ми закріпимо на практиці, створюючи міні-сайт, де заверстаємо hero-секцію, невелике меню та декілька дрібних компонентів.

У додаток ми надамо репозиторій із повним проєктом, який буде створено під час лекції.