04

Layout Foundations

February 3 & 5, 2026

📅

Tuesday, February 3

CSS Layout Basics

📊

Display properties (block, inline, inline-block)

📍

Positioning (static, relative, absolute, fixed, sticky)

🔄

Float and clear (legacy techniques)

📄

Understanding document flow

📅

Thursday, February 5

Flexbox - The Game Changer

🔧

Flexbox container and item properties

🧭

Building navigation bars and card layouts

🎯

Centering content (finally, it's easy!)

Common flexbox patterns

Weekly Challenge

Responsive Navigation Bar

Build a responsive navigation bar using Flexbox that adapts to different screen sizes.