Base Apparel Coming Soon with Vanilla JS, SCSS and BEM

Some suggestions about the project to make it more challenging

• it was not necessary to make the string lowercase to test it was just to add the "i" flag after its regexp like this 1\\i https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/RegExp

const reg =
    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i;

  return reg.test(input);
};

-In my opinion there are times when the logo gets too small, I didn't get to see the original designer but it looks strange

• would recommend breaking your layout a little earlier to avoid this here https://prnt.sc/1v4mtgj

• The header footer and main tags should be separated from each other and never one inside the other, this is more for accessibility reasons

• The submit form button must be an <input type="submit" value="Submit">, for speed and accessibility reasons, if you are curious there is this article on https://css-tricks.com/a-complete -guide-to-links-and-buttons/

• The h1 for greater consistency should have used something like flex or align-text to position the text, because there are times when the text is centered and when it is aligned on the right, all this in the tablet version is https://prnt.sc/ 1v4oj39 https://prnt.sc/1v4okzd

Hi! I saw your JS code and I have a doubt. What do means this const and these rares symbols in the line n° 7?

"const reg"

Your project is very nice and clean. Congratulations :)