YoVDO

Tailwind CSS Tutorial

Offered By: Net Ninja via YouTube

Tags

Tailwind Courses Flexbox Courses HTML Courses User Interface Design Courses Responsive Design Courses Fonts Courses

Course Description

Overview

In this course, you will learn about Tailwind CSS. You will learn about setup, HTML template, fonts and colors, margin, padding and borders, Tailwind configuration, custom fonts, flexbox, responsive classes, cards, badges, directive, grids, buttons, icons, hover effects, responsive navigation, and transitions.


Syllabus

Tailwind CSS Tutorial #1 - Intro & Setup.
Tailwind CSS Tutorial #2 - HTML Template.
Tailwind CSS Tutorial #3 - Fonts & Colors.
Tailwind CSS Tutorial #4 - Margin, Padding & Borders.
Tailwind CSS Tutorial #5 - Tailwind Config.
Tailwind CSS Tutorial #6 - Custom Fonts.
Tailwind CSS Tutorial #7 - Using Flexbox.
Tailwind CSS Tutorial #8 - Responsive Classes.
Tailwind CSS Tutorial #9 - Cards.
Tailwind CSS Tutorial #10 - Badges.
Tailwind CSS Tutorial #11 - @apply Directive.
Tailwind CSS Tutorial #12 - Grids.
Tailwind CSS Tutorial #13 - Buttons.
Tailwind CSS Tutorial #14 - Icons.
Tailwind CSS Tutorial #15 - Hover Effects.
Tailwind CSS Tutorial #16 - Responsive Nav (part 1).
Tailwind CSS Tutorial #17 - Responsive Nav (part 2).
Tailwind CSS Tutorial #18 - Transitions.
Tailwind CSS Tutorial #19 - Wrap Up.


Taught by

The Net Ninja

Related Courses

Learn Accessible Web Design
Scrimba
Advanced React
Meta via Coursera
React المتقدم
Meta via Coursera
React avanzado
Meta via Coursera
Agrega estilo a una página HTML usando CSS
Coursera Project Network via Coursera