https://github.com/mohammadshaad/webdev-project-0

https://github.com/mohammadshaad/webdev-project-0

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mohammadshaad/webdev-project-0
• Owner: mohammadshaad
• License: mit
• Created: 2022-07-21T16:03:22.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-07-24T09:43:04.000Z (about 4 years ago)
• Last Synced: 2025-01-09T06:52:51.282Z (over 1 year ago)
• Language: HTML
• Homepage: https://mohammadshaad.github.io/webdev-project-0/
• Size: 459 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

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

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

- [Author](#author)

- [Acknowledgments](#acknowledgments)

**Note: Delete this note and update the table of contents based on what sections you keep.**

## Overview

### 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

![desktop-design](https://user-images.githubusercontent.com/89409389/180261747-5168d2ed-7c95-4d33-a2df-fd294893f52d.jpg)

![mobile-design](https://user-images.githubusercontent.com/89409389/180261789-316f1f4c-55cc-4474-bf66-e445e924a114.jpg)

### Links

- Solution URL: [github.com/mohammadshaad/webdev-project-0](https://github.com/mohammadshaad/webdev-project-0)

## My process

I first tried to understand the prototype/design of the website. Then I wrote the html part of the website. Then I started writing css part. I stuck at some points so that time I referred others solution. I found the solution of other participants from slack community of Frontendmentor. This was the process that I followed.

### Built with

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

- JavaScript

## Author

- Website - [Mohammad Shaad](https://www.mohammadshaad.github.io)

- Frontend Mentor - [@mohammadshaad](https://www.frontendmentor.io/profile/mohammadshaad)

- Twitter - [@MohammadShaadsk](https://www.twitter.com/MohammadShaadsk)

## Acknowledgments

I would really like to thank [Ishpaul Singh](https://github.com/ishpaul777) for helping me out to write the solution. He has done many such projects in past. He is really skilled and experienced person.