Convert the following designs to a functional front-end.
- Create the project using your preferred method for building front-end projects.
- If possible, use BEM with the SCSS syntax for styling.
- Make it responsive according your best judgement. The 1920px resolution of the design is a reference resolution we compare your conversion to.
- Create a hover effect for the image thumbnails.
- Create a simple custom overlay for photos.
- Create a transition for opening the overlay like shown in this prototype.
- Design is available in Figma. If you haven't already, sign up for a free Figma account, so you can inspect the design.
- Prototype
The following images are used in the design:
Ensure that the page works and displays correctly in the latest version of the following browsers:
- Google Chrome
- Firefox
- Microsoft Edge
Deliver project within 1 week time.