This is a solution to the Intro section with dropdown navigation challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the relevant dropdown menus on desktop and mobile when interacting with the navigation links
- View the optimal layout for the content depending on their device's screen size
- See hover states for all interactive elements on the page
- Node.js 12.22.0 or later
- MacOS, Windows (including WSL), and Linux are supported
Get the code by either cloning this repository using git
git clone https://github.com/smartinsdev/snap-landing-page.git
... or downloading source code code as a zip archive.
Once downloaded, open the terminal in the project directory, and install dependencies with:
npm install
Then start the example app with:
npm run dev
The app should now be up and running at http://localhost:3000 🚀
- Mobile-first workflow
- Next.js - React framework
- Tailwindcss - For styles
- How to customize animation in Tailwind config
- how to use the api useContext from Next.js
- How to make a Dropdown menu
- How to make an Accordion menu
- Frontend Mentor - @smartinsdev
- Twitter - @smartinsdev