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.
Note: Delete this note and update the table of contents based on what sections you keep.
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
-
Solution URL: Add solution URL here
-
Live Site URL: Add live site URL here
I started with mobile first approach before desktop. i implemented sass and added a bit of js. It was all pure css and html.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
I learnt overflow hidden dont work on elements with absolute property declared on them because position absolute removes the element fome the page.
- Frontend Mentor - @yourusername
- Twitter - @yourusername;