Skip to main content

Code Editor

/* Time Traveler Mission */
.navigation {
display: flex;
justify-content: space-between;
}
Computer code is displayed on a screen

Output Preview

Mission Objective

Use Flexbox to create a navigation bar with logo on left and menu items on right.

Level Progress

Code on a computer screen Code appears on a computer screen

Choose Your Era

National Park Patches

Level 1 - 1990s Web

Fix the broken background colors

white and black dices on black surface

Level 2 - 2000s Layout

Center the navigation bar

assorted-color domino lot

Level 3 - Flexbox Era

Build responsive header layout

Total Progress

2 / 12

17%

Achievements Unlocked

Track your progress as you master HTML and CSS through time

Blockchain Pioneer

Blockchain Pioneer

Master of decentralized layouts

Level 1-5
CSS Champion

CSS Champion

Styling mastery unlocked

Level 6-10
SHIB Specialist

SHIB Specialist

Advanced positioning expert

Level 11-15
Next Achievement: Flexbox Master Level 16