Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gregor-vm/dropdown-challenge
This is a solution to the "Intro section with dropdown navigation challenge on Frontend Mentor"
https://github.com/gregor-vm/dropdown-challenge
Last synced: about 1 month ago
JSON representation
This is a solution to the "Intro section with dropdown navigation challenge on Frontend Mentor"
- Host: GitHub
- URL: https://github.com/gregor-vm/dropdown-challenge
- Owner: Gregor-VM
- Created: 2022-08-13T18:18:09.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-13T18:29:47.000Z (over 2 years ago)
- Last Synced: 2023-08-11T06:08:23.961Z (over 1 year ago)
- Language: CSS
- Size: 514 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Intro section with dropdown navigation solution
This is a solution to the [Intro section with dropdown navigation challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/intro-section-with-dropdown-navigation-ryaPetHE5). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [Built with](#built-with)
- [Author](#author)## The challenge
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### Screenshot
![Screenshot Desktop Design](./images/capture-1.jpg)
![Screenshot Mobile Design](./images/capture-2.jpg)
![Screenshot Mobile Design Expanded](./images/capture-3.jpg)### Links
- Solution URL: [Solution URL](https://www.frontendmentor.io/solutions/intro-section-with-dropdown-navigation-vanilla-javascript--M77y35qpw)
- Live Site URL: [Live Site](https://gregor-vm.github.io/dropdown-challenge/)### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- JavaScript## Author
- Website - [Gregor-VM](https://portfolio-eight-sable-15.vercel.app)
- Frontend Mentor - [@Gregor-VM](https://www.frontendmentor.io/profile/Gregor-VM)