scrimba
Build Components in HTML, CSS & JS
Personalized Navbar - The HTML 🧱
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Personalized Navbar - The HTML 🧱
AboutCommentsNotes
Personalized Navbar - The HTML 🧱
Expand for more info
challenge.md
run
preview
console
**Challenge**:
Your goal is to create a navbar that dynamically adds a name from a JavaScript file to it. The navbar have its links arranged vertically with the name at the top. You are allowed to use your own fonts and colors as opposed to using the information in the example.

**Hints:**
- Use Flexbox for layout
- Add a special class to the link for the name
- Add a variable in the JavaScript file to control the name
- Create elements using the JavaScript DOM

**Topics Covered:**
- Flexbox
- Element Manipulation in DOM
- Basic JS

**Other Information**:
- Font: Roboto
- Navbar Background Color: #0e2957

**Extended Challenge**:
Try and make the links live & go to other pages.
Console
/index.html
-3:35