Bookmark

Chrome Extension Landing Page / Frontend Mentor Challenge

View Site

About the Project

Translated JPEG design files for mobile & desktop layouts into a fully responsive pixel-perfect website as part of the Frontend Mentor challenge.

Built With

• HTML
• Scss
• Javascript

Features

• Tabbed features section
• FAQ accordion
• Form validation using regex

Challenges

Making it Responsive

I set hard heights and widths which caused horizontal scroll bars when making it responsive. See my commit history here, notice how to fix my mistake for this subtext container, I set a max-width instead of width and got rid of the height.