Frontend Mentor - Base Apparel coming soon page solution

This is a solution to the Base Apparel coming soon page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• Receive an error message when the form is submitted if:
  • The input field is empty
  • The email address is not formatted correctly

Screenshot

Links

• Solution URL: https://k-mannnn.github.io/Base-Apparel-Coming-Soon/

My process

Built with

• Semantic HTML5 markup
• CSS
• Flexbox
• Mobile-first workflow

What I learned

This is my first front end project and it's been a good experience to test my CSS and markdown knowledge and learn new things along the way, such as use of different CSS units etc. and this project has helped me better understand CSS felxbox and its limitations.

In addition, it was good to practice raw javascipt for form validation on a single field and writing my own function from scratch without any tutorial help.

Continued development

So far I have not used CSS grid in any of my learning projects and looking at other solutions for this project, I would like to get practising with the grid.

Acknowledgments

Big thanks to Frontend Mentor for providing these projects for practice and their continued support.