This is a solution to the Bookmark 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
- Receive an error message when the newsletter form is submitted if:
- The input field is empty
- The email address is not formatted correctly
- framer-motion - For animations
- react - JS library
- styled-components - For styles
I practiced my framer motion skills, used a tab technique I have used before and implemented a FAQ accordion with max-height
.