Solution for a challenge from frontendmentor.io.
This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.
Your users should be able to:
1. View the optimal layout depending on their device's screen size
2. See hover states for interactive elements
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Grid
- Desktop-first workflow
The postioning of elements and centering of elements was a bit of a challange. But it worked out in the end. Still applying a overlay over elements seemed to be challenging