Earn Your CS Degree, Tuition-Free, 100% Online!
Google Data Analytics, IBM AI & Meta Marketing — All in One Subscription
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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