Frontend Mentor - Ping coming soon page solution

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

Table of contents

Overview

My process

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

Submit their email address using an input field

Receive an error message when the form is submitted if:

Screenshot

Links

Solution URL: (https://github.com/Praixx/ping-coming-soon-page-master)

Live Site URL: (https://elegant-liger-030187.netlify.app/)

My process Built with

Semantic HTML5 markup

CSS custom properties

Flexbox

CSS Grid

Mobile-first workflow

Javascript

What I learned

i worked with form validation using Javascript. i was able to learn the basis of form validation and also apply it to this project.

i also worked the javascript setTimeout property and i was proud i was able to reset the field after a particular time limit

Continued development Useful resources Author

Github - Olaoye Praise

Email - Olaoye Praise

Twitter - @Praixx_

Acknowledgments