Flexbox Navigation Bar

Background

Flexbox is the modern approach to 1D layouts replacing float-based layouts.

Problem

Build a horizontal navbar with logo on left, links centered, and action on right using flexbox.

Input

Navigation HTML structure

Output

Responsive flexbox navbar

Sample tests

Input: nav with 3 sections

Expected: space-between layout

Your solution

Learning objective

Learn flexbox layout and navigation patterns