Course Outline

Introduction

  • Overview of Tailwind CSS

Getting Started

  • Installing Tailwind CSS
  • Installing Node
  • Installing VS code
  • Setting up the environment

Tailwind CSS Basics

  • Attaching Tailwind CSS with HTML
  • Creating containers with utility classes
  • Adding width and height properties
  • Understanding how flexbox works
  • Wrapping and resizing flex items
  • Creating grid and row layout
  • Adjusting the flow of elements in a grid layout
  • Adding gap between and justifying items
  • Justifying individual items
  • Adding padding and margins to elements
  • Styling text using Tailwind utility classes
  • Adding and styling borders
  • Adding shadows to elements
  • Using breakpoints to add responsive behavior
  • Using Pseudo selectors
  • Layer and apply directives
  • Using components for code reuse

Setting Up a Better Dev Environment

  • Creating an environment with Tailwind CLI
  • Directives and Functions

Summary and Next Steps

Requirements

  • Basic knowledge of HTML and CSS

Audience

  • Developers
  7 Hours
 

Testimonials (6)

Related Courses

Related Categories