Practical CSS Layouts

Practical CSS Layouts

8 hours, 58 minutes CC

Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts. You'll learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists. You'll explore concepts like rem and em units, custom fonts, responsive images, and the picture element. By the end of the course, you'll have built three variations of a website, each increasing in complexity!

This course and others like it are available as part of our Frontend Masters video subscription.

Published: July 25, 2023
Get Unlimited Access Now
Table of Contents


Easy Design

Medium Design: Tour Page & Tracklist

Medium Design: Reviews & Images

Medium Design: Audio Player & Hamburger Menu

Medium Design: Final Site Assembly

Difficult Design: Small Elements

Difficult Design: Advanced Styles

Wrapping Up