This course starts with a coding Sandbox to explore colors, typography, spacing, flex classes, and more in Tailwind CSS, building a strong foundation before small projects. We then create six modern, clean landing-page websites, designed with Frontend Mentor: Clipboard Website (Flexbox and alignment), Loopstudios (responsive mobile menu and gradient overlays), Shortly (responsive menu and JavaScript form validation), Testimonial Grid (using Tailwind鈥檚 grid classes), Fylo (light/dark mode and dynamic FAQ tabs with JavaScript), and Bookmark (dynamic backgrounds, hamburger menu, and JavaScript tabs). By course end, you'll efficiently use Tailwind CSS utility classes, create and edit layouts quickly, configure custom styles, understand Tailwind fundamentals, set up an environment with Tailwind CLI, and use breakpoint classes and media queries. This course suits those aiming to improve website and UI layout skills, with basic CSS grid, layout, and JavaScript knowledge being advantageous.
Setup and Config
Loading...
Skills You'll Learn
JavaScript Build, CSS Grid, Tailwind, Tailwind CLI
From the lesson
Project 2 - Loopstudios Website
In this module, we will build a Loopstudios website, focusing on setting up the project, designing the hero section, features, and creations, and ensuring responsiveness before deploying to Vercel.
Taught By
Packt - Course Instructors