This is a simple responsive header example made using NextJS and Styled components.
Color | Hex |
---|---|
Primary color | |
Secondary Color | |
Tertiary Color | |
Quaternary Color |
- Desktop:
- Menu opens on hover
- Mobile:
- Menu opens on click and closes if user clicks on any outside area
- The menu has 100% of the screen width
Clone the project
git clone https://github.com/celinesoeiro/header-example.git
Go to the project directory
cd header-example
Install dependencies
npm install
Start the server
npm run start
and check it out on localhost