Tuesday, February 10
CSS Grid - Layout Superpowers
Grid containers and grid items
Defining rows, columns, and gaps
Grid template areas for readable code
Combining Grid and Flexbox
Thursday, February 12
Responsive Design Philosophy
Mobile-first vs desktop-first
Fluid layouts and relative units (%, em, rem, vw/vh)
Media queries and breakpoints
Testing on multiple devices
Project Assigned
Project 1: Personal Brand Page (15%)
Due: Tuesday, March 3, 2026
Create a single-page website that introduces you as a creative professional. This site should showcase your personality, skills, and what makes you unique.
- Semantic HTML5 structure
- Custom CSS with thoughtful typography and color palette
- Responsive design (mobile, tablet, desktop)
- At least one CSS animation
- Accessibility features
- Professional content and imagery