Base Apparel coming soon page (HTML, CSS, JS)

This is my first project that including JavaScript. I have learned JavaScript for a few months now, and I would not consider myself as moderate in JavaScript experience, so this challenge is very good to touch up with my current JavaScript skills.

This is my fourth challenge based on the post from dev community 16 front end projects with designs to help improve your coding skills. And I happy that I take this challenge, because it is indeed challenging to me. I started working on it from morning to afternoon, which took me about 5 hours to complete this challenge.

The JavaScript part was the hardest part in this case, I have to validate the email input to make sure the user fills the correct value, which touches the topic like regex and events. I found that planning the thinking process on paper is really really helpful to me, because it helps me identify which parts of my thinking process is incorrect or illogical.

Another thing I am struggling still is the naming convention for CSS. I use BEM(Block, Element, Modifier) to organize my code, however, since I am new to this methodology, I find myself hard to name the classes properly, which causes me to "ditch the BEM naming method" at midpoint because I am finding this much easier to do. However, I know with the good naming convention, it would be much easier to organize the CSS if the project is getting larger and larger. So I decide to look into the documentation for BEM again.