Jen Kramer, Freelance Instructor

CSS Projects

Looking for some CSS layout practice? Join Jen Kramer in creating several different responsive layouts from provided assets, project goals, and expectations.

JavaScript is not required to solve any of these layout problems. Each challenge gets progressively more difficult.

In the first challenge, we'll establish some baseline styling that will carry through the other challenges. The final challenge includes 5 different layouts with a single HTML codebase controlled by media queries.

CSS concepts in this course include CSS Flexbox, Grid, positioning, overflow, background image magic, columns, variables, media queries, and much more.

CSS Projects logo. Frontend Masters produced this course.

This course is available by subscription to Frontend Masters.

Watch the course

Project Listing

About This Course

Major benefits of this course include:

  • Learn to think through and approach CSS projects.
  • Debate approaches and understand tradeoffs.
  • Code your own solutions with provided assets, goals, and expectations.
  • Watch Jen explain her approach and final solution for each problem.

Is This Course for Me?

This series of challenges is well-suited to all levels of web developer. If you're a junior developer or a newbie looking for practice, Jen will help you break down each problem into logical steps, then walk you through solutions at each of those steps. If you're a more senior developer, skip right to the assets and see if you can build these on your own. This will test your ability to think through a CSS specification, evaluate approaches to solving it, and writing the final code. course, you're ready to take this course.

Any Prerequisites?