Frontend Mentor - Clipboard landing page solution

Table of contents

• Frontend Mentor - Clipboard landing page solution
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Built with
    • Continued development

Overview

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

Screenshot

Mobile

Desktop

Links

• Live Site

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• SASS
• Flexbox
• Mobile-first workflow
• Styled Components

Continued development

I have concluded this challenge so much faster than the first and second challenges that I even got surprised. Over time, I can see that I have solidified the fundamental knowledge of HTML and CSS. In a few weeks, I will get the summer break from my university. It's gonna be for 3 months, so I will use all this time to deeply study the fundamentals of JavaScript.