This is a solution to the Manage landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- See all testimonials in a horizontal slider
- Receive an error message when the newsletter sign up
form
is submitted if:- The
input
field is empty - The email address is not formatted correctly
- The
- react - JS library
- styled-components - For styles
- keen-slider - For the slider
I implemented keen-slider
for the first time and it seems smooth and clean. I also made for the first time an :active
ripple-like button animation. It was a bit challenging making this responsive for all devices but it was a joy!