Bookmark landing page solution

This is my solution to the Bookmark landing page challenge on Frontend Mentor

The challenge

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

Links

• Solution URL
• Live Site URL

Built with

• Semantic HTML5 markup
• CSS Flexbox
• CSS Grid
• CSS Animation
• Mobile-first (Layout)
• SASS/SCSS
• SCSS Components
• JavaScript (ES6) , (Event delegation) , (Intersection Observer)
• NPM (Parcel) & (SASS)
• BEM

Author

• Created by - okayda-jhon