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

Advanced CSS Concepts
Microsoft via edX
Тонкости верстки
Moscow Institute of Physics and Technology via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy