CSS & Styling

Learn styling, layouts, responsive design and modern CSS techniques

2 lessonsEstimated 4-6 hours completion

📚Curriculum Overview

1

Flexbox Layout - Build Flexible Layouts

Create flexible, responsive layouts with CSS Flexbox

2

CSS Grid - Two-Dimensional Layouts

Build complex two-dimensional layouts with CSS Grid

🏆Capstone Project

Final Challenge• Beginner

Build a Responsive Portfolio Page

Create a pixel-perfect personal portfolio website using only CSS — no frameworks. Include dark mode, animations, and mobile responsiveness.

Time: 2-3 hours
FlexboxGridCSS variablesMedia queries

Complete all lessons in this topic to gain full access to Project Resources.