Responsive Navbar with Vue 3 and Astro

Challenge brief

Navbar ComponentBuild a minimal, responsive navigation bar with basic functionality

Back to all submissions

Responsive Navbar with Vue 3 and Astro

Challenge brief

Navbar ComponentBuild a minimal, responsive navigation bar with basic functionality

mf_DOM@eee27536

Frontend engineer @ TrustInSoft

0 YOE

3.76k Reputation

Preview solution

View code

I started with a flat html, just to test CSS. I then added a config file to use vue directives in a effective way

Submission vs Design

https://emmanuelplougoulm.github.io/components_library/navbar/

Implementation details

Tech stack and approachVue 3
Useful resources and lessons learntI started with a flat html, just to test CSS. I then added a config file to use vue directives in a effective way
Notes/questions for communityI thought about extracting the burger menu to make it a component. 
Would you recommend it ? 

Tech stack

HTML

Basics

Semantics

CSS

Basics

Positioning

Responsive Design

Build Tools

Typechecking

Performance

Font Loading

Astro

Vue

Code

Discussions