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.
Your challenge is to build out this landing page and get it looking as close to the design as possible.
Your 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
- Modular SASS code, allows for quick changes and media queries.
- Navigation collapse bar with JS.
- The mobile version was okay, the desktop version is awful.
- Lack of focus but continued anyway...
To be honest; I learnt to just stop working on projects when you're not completely focused, it was a bit silly for me to continue this. I should have taken a few steps back, perhaps a walk and revisited it.
If I were to continue this project, I would likely redo most of the design (except for the hero section and navigation). I would make better use of the grid system rather than flex-wrapping.