Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes
AI, Data Science & Cloud Certificates from Google, IBM & Meta
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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.
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