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 Laravel 7 along with REST API & Livewire
Udemy
Complete Guide to Tailwind - Master Pinterest with Tailwind
Udemy
The Complete Pinterest Marketing Guide for Creatives
Udemy
Tailwind CSS
YouTube
Boost traffic to your website with Pinterest
Skillshare