Frontend Mentor - Base Apparel coming soon page

This is a solution to the Base Apparel coming soon page challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned

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
• Receive an error message when the form is submitted if:
  • The input field is empty
  • The email address is not formatted correctly

Screenshot

Links

• Repository URL
• Live Site URL

My process

Built with

• Semantic HTML5 markup
• SCSS
• Gulp
• Flexbox
• Mobile-first workflow
• JavaScript

What I learned

This project highlighted a few gaps in my knowledge when working with images and switching before different ones depending on the viewport.

Nevertheless, it was very helpful to explore various approches to switching between them and find out which one works best for each project.

The JavaScript email validation, albeit simple, was great practice into doing research about topics I may not be completely familar with, which I believe to be an essential skill to any developer.