Responsive coming soon page

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  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.

  Marked as helpful

  0

  ---

  

  Martin•220

  @martinw0Posted over 2 years ago

  @Sdann26 Hello Danilo !

  Thank you for your advices!! It's a nice tip for the outline. I didn't know it's possible to do that. For the regex, I know how to write it but I wanted to win some times with JS built-in functions :D

  Sincerely, Martin

  0