Day 3: Base Styles & Layout Implementation

Daily Objective

Apply styling foundations, Flexbox alignment, and CSS Grid layouts to your project.

1. Implementation Steps

1. Configure :root with your design variables.
2. Apply the universal box-sizing reset and body typography.
3. Build the navigation bar and footer using Flexbox.
4. Build the services/projects/menu section using CSS Grid.

Daily Hands-on Practice (70%)

1. Style your capstone project from top to bottom.
2. Check your layout in the browser and refine spacing and alignment.