Learn to build a responsive landing page using Tailwind CSS in this 42-minute tutorial video. Explore the utility-first approach of Tailwind, comparing it to frameworks like Bootstrap and Bulma. Start with a CodePen setup and progress through creating a header, hero section, features, and footer. Master responsive design techniques and discover how to rapidly develop site designs using Tailwind's utility classes. Gain practical insights into modern web development practices and enhance your CSS skills with this hands-on guide to creating your first Tailwind website.
Overview
Syllabus
- Intro.
- Tailwind Introduction.
- Starting a CodePen.
- Tailwind vs Bootstrap.
- Starting our Landing Page.
- Creating the Header.
- Creating the Hero.
- Responsive Styles.
- Creating the Features.
- Creating the Footer.
Taught by
Traversy Media
Related Courses
-
Introduction to Tailwind and the Utility First Workflow
-
Learn Tailwind CSS
-
Build User Interfaces by Composing CSS Utility Classes with Tailwind
-
Craft Scalable, Custom-Made Interfaces with Tailwind CSS
-
How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
-
Create Professional Responsive Websites using Bootstrap
