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

Introduction to Graphic Design
Canva via OpenLearning
Textual Elements of Design: Fonts, Typography, and Spacing
University of Colorado Boulder via Coursera
Produtividade com VSCode
Udemy
Incredible Methods for Mastering Microsoft Word
Udemy
Visionary Branding: A Comprehensive Branding Guide for Creatives
Skillshare