Build modern responsive websites with HTML and CSS - Learning modules, mini-projects and 3 full websites
InstructorBrad Traversy
Free
Free
Free
Editorial course preview
These 3 complementary views highlight concrete, legible examples from the course presentation.
The instructor is shown alongside a code editor displaying a Flexbox Layout Challenge and various mini-project interface mockups to illustrate the course's hands-on curriculum.
This image displays a responsive landing page design for the Leno productivity app, showcasing its layout with device mockups and call-to-action buttons.
This screenshot displays the homepage design for the Lumina creative agency project, showcasing a clean layout with centered typography and a gallery of monochrome photography.
The curriculum integrates essential developer tools including Git, GitHub, and deployment to Netlify and Vercel.
Instruction is characterized by concise explanations of complex concepts like Flexbox and clear distinctions between HTML elements.
The course covers essential modern layout methods including Flexbox, CSS Grid, and responsive design via media queries.
While projects are provided, there is a lack of unguided 'try this on your own' challenges to test independent problem-solving.
The curriculum aligns with the goal of teaching HTML and CSS from beginner to advanced levels.