![[Rails 7 Series] - Tailwind CSS](https://i.imgur.com/aGA4OHS.jpg)
[Rails 7 Series] - Tailwind CSS
What You'll 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.
Course Details
Tailwind CSS is a framework that provides a way to style your website right in the HTML itself without having to write external CSS.
Course Curriculum
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