Responsive coming soon page

Hi Martin!

If you want to avoid that blue color when you click on the input you can set outline: none.

.form input {
  border: solid hsl(0deg, 36%, 70%) 1px;
  border-radius: 25px;
  height: 44px;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  padding-left: 20px;
  outline: none;
  color: hsl(0, 6%, 24%);
}

Although you can also change the color if you wish to your liking. Also by the way I added the brown color since the text if I'm not mistaken is brown not black.

Also for the image of the desktop version I would add a background-size like:

.img {
  height: 31vh;
  background: url("./images/hero-mobile.jpg");
  background-size: cover;
}

Finally as a personal experience I think you could do validations to see if it is an email using RegeX, it is a little messy to create it from scratch but on the internet there is already RegeX to verify if you are inserting an email. That would add a layer of security which is always good to add through frontend :D!

If you have any questions feel free to ask me.