Day 5: Flexbox Froggy & Week 5 Mini-Project
Daily Objective
Section titled “Daily Objective”Master all Flexbox mechanics by completing Flexbox Froggy and constructing the Week 5 mini-project.
1. Complete Flexbox Froggy
Section titled “1. Complete Flexbox Froggy”Open Flexbox Froggy and complete all 24 levels without hints!
Week 5 Mini-Project: Modern Responsive Navbar & Card Row
Section titled “Week 5 Mini-Project: Modern Responsive Navbar & Card Row”Project Requirements:
- Navigation Bar: Logo aligned left, navigation links aligned right, vertically centered using
display: flex; justify-content: space-between;. - Three-Card Row: Three feature cards that sit side-by-side on wide screens and wrap gracefully onto multiple lines on narrower viewports.
- Sticky Footer: Ensure the footer hugs the bottom of the viewport using the flex column pattern.