Project Background
This project was based on the Clipboard landing page challenge from the Frontend Mentor website.
In this challenge the objective was to create the website based on the design provided and make users able to:
- View the optimal layout for each page depending on their device's screen size
- See hover and focus states for all interactive elements on the page
To achieve the goal, I used basic HTML along with Sass for styling. To name the classes of the HTML elements, I followed the BEM methodology, thus making the code reusable and maintainable. Additionally, I used JavaScript to create reveal animations when scrolling the page, for this I used the Intersection Observer API.
Static Previews
