YoVDO

Complete Tailwind CSS Tutorial - Tailwind 2 Crash Course

Offered By: Code With Dary via YouTube

Tags

Front-end Development Courses Web Design Courses Animation Courses Flexbox Courses Fonts Courses

Course Description

Overview

Dive into a comprehensive tutorial on Tailwind CSS, covering everything from setup to advanced customization. Learn how to work with fonts, colors, alignment, background styles, gradients, and images. Master padding, margin, grid, and flexbox layouts. Explore hover effects, animations, transitions, and transformations. Discover techniques for creating responsive designs and adding custom fonts. Gain insights on customizing Tailwind classes and optimizing your CSS file through purging. By the end of this 1 hour and 50 minute crash course, acquire the skills to leverage one of the most popular utility-first CSS frameworks for its simplicity and flexibility in web design.

Syllabus

- Introduction
- How to Setup Tailwind
- Fonts, Colors & Alignment
- Background Colors & Gradients
- Background Images
- Padding & Margin
- Learn Grid in Tailwind
- Learn Flexbox in Tailwind
- Hover, Animations, Transition & Transformations
- How to make responsive designs In Tailwind
- How to add custom fonts to Tailwind
- How to customize Tailwind classes
- How to purge your TailwindCSS file


Taught by

Code With Dary

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