Frontend Masters – CSS Projects 2023-8

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.

What you’ll learn

• Learn to think through and approach CSS projects.
• Debate approaches and understand tradeoffs.
• Code your own solutions with provided assets, goals, and expectations.

Who this course is for

• 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.

Specificatoin of CSS Projects

• Publisher : Frontend Masters
• Teacher : Jen Kramer
• Language : English
• Level : All Levels
• Number of Course : 6
• Duration : 6 hours and 41 minutes

Content of CSS Projects

Requirements

• You should have a solid background in semantic HTML and CSS.
• Watch “Getting Started with CSS” and “CSS Grid & Flexbox for Responsive Layouts, v2” (or have equivalent knowledge).

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle : Not Available

Quality: 1080p

Download Links

Download Part 1 – 1 GB

Download Part 2 – 418 MB

File size

1.4 GB