CSS Projects

Jen Kramer

Jen Kramer

5 hours, 1 minute CC
CSS Projects

Course Description

Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques. You'll leverage CSS variables, flexbox and grid, inheritance, and responsive design strategies for supporting multiple device form factors. By completing these projects, you'll gain the confidence and refine your skills to tackle any HTML and CSS challenge in your professional path!

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


Course Details

Published: October 10, 2023

Learning Paths

Learn Straight from the Experts Who Shape the Modern Web

Your Path to Senior Developer and Beyond
  • 200+ In-depth courses
  • 18 Learning Paths
  • Industry Leading Experts
  • Live Interactive Workshops
Get Unlimited Access Now

Table of Contents


Section Duration: 8 minutes
  • Introduction
    Jen Kramer introduces the course by providing an overview of the course material and answering student questions regarding frameworks, the latest CSS features, and how to practice CSS. Each course project is broken into 4 steps: study the screenshots, semantic HTML, mobile layout, and additional layouts.

Style Guide Project

Section Duration: 50 minutes

Columns & Cover Project

Section Duration: 1 hour, 4 minutes

Background & Overflow Project

Section Duration: 49 minutes

Grid Project

Section Duration: 33 minutes

Team Project

Section Duration: 39 minutes

Cards Project

Section Duration: 52 minutes

Wrapping Up

Section Duration: 2 minutes
I just completed "CSS Projects" by Jen Kramer on Frontend Masters! Thanks; It's a great course, and I really learned valuable approaches to building websites.
Suresh Pradhana

Suresh Pradhana


It was interesting to try to do all the projects on your own, I hope there will be more courses like this. A lot of CSS key concepts are covered.
Zeljko Krsic

Zeljko Krsic


Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now