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

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