News Homepage

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