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
- Flexbox
- CSS Grid
- Vanilla JS
In this challenge I have focused on learning more about accessibility and responsive design. I have started using CSS Grid and it is great. I am also happy that I have managed not to use so many media queries and my CSS is starting to look cleaner.
I definitely want to keep improving my responsive and accessibility skills.
- Responsive Web Design with HTML5 and CSS - This helped me a lot improve my responsive design. I also learnt a bit more about accessibility thanks to this book.
- Linkedin - Nia Robles
- GitHub - niaveser
- Frontend Mentor - @niaveser