Design comparison
Solution retrospective
This was a fun and challenging project. Got more familiar with Grid, and used a little bit of JS to make it interactive. For some reason, hover and pointer: cursor were not working properly. I found out that the .hamburger-menu was causing this, not sure why, I commented that part out.
I managed to create a menu that pops up when you click on the hamburger menu, and making the background blurry & lowering the opacity. By using % instead of px it made the website more interactive and fun to play around with.
Unfortunately, the page is not centered in desktop mode, I believe it has to do with my grid formation. If you have any feedback on that, please let me know :)
What did you find difficult while building the project? -first time starting a project with mobile-first in mind, this gave me some issues when translating it to the desktop version
- Creating a proper grid layout in combination with flex
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord