This is a solution to the Sunnyside agency landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Js
I for the first time build a whole landing page for the first time and got to know a lot about padding and grid and how we can use this two plus coreect fonts unit to make the whole page responsive. Also learnt about how to build navigaton drop-down for mobile version.
I would like to bring animation in how the drop-down menu appears in front of user.
- Hashnode Blog - Indrajit Mandal
- Frontend Mentor - @Jitmandal051004
- Twitter - @mandal24_jit