[Rails
Tailwind CSS is a framework that provides a way to style your website right in the HTML itself without having to write external CSS.
  • 2.5 hours total video
  • 11 completed modules
  • Full source code

[Rails 7 Series] - Tailwind CSS

What you will learn

Tailwind CSS is a framework that provides a way to style your website right in the HTML itself without having to write external CSS.

Description

Tailwind CSS is a framework that provides a way to style your website right in the HTML itself without having to write external CSS.

Previews

Course Content

Module 1 - Tailwind Playgrounds

Introduction 1:19

Basic Layout 4:34

Add Text 2:35

Add Form Inputs 3:43

Add Checkbox 4:42

Add Buttons 5:31

Add Links 2:57

Responsive Screens 5:40

Module 2 - [Landing Page] - Basic

Start from scratch 7:24

Basic Page 5:46

Module 3 - [Landing Page] - Header

Build Header 9:29

Hamburger Menu 7:10

Menu Events 6:13

Module 4 - [Landing Page] - Hero

Build Hero 5:26

Buttons 3:39

Illustration 1:09

Module 5 - [Landing Page] - Brands

Build Brands 2:08

Update Brands 2:08

Update Styles 1:04

Module 6 - [Landing Page] - Features

Build Features 5:43

Update Styes 4:03

Module 7 - [Landing Page] - Case Studies

Build Case Studies 3:54

Add Cards 4:34

Module 8 - [Landing Page] - Pricing

Build Pricing 4:34

Pricing Buttons 2:27

Pricing Buttons Event 4:26

Module 9 - [Landing Page] - Footer

Build Footer 3:00

Footer Top 4:37

Footer Bottom 4:37

Module 10 - [Landing Page] - Final Touch

Customize Classes 2:46

Google Fonts 3:28

Module 11 - [Landing Page] - Deploy

Deploy to Production 3:27

Update Changes 3:29

Download Source Code