- 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
