signup-form

Community feedback

• 

  P

  Matthias•630

  @astrageniusPosted almost 3 years ago

  Hey ho :) Good solution so far.

  Change

  background: url(/images/bg-intro-desktop.png);
  
  (you have to add a dot)
  to
  
  background: url(./images/bg-intro-desktop.png);
  
  (now your background image is loading).
  
  

  You can delete the body:after class completly

  Add the red background-color in the html element instead:

  html {
    font-size: 62.5%;
    background-color: hsla(0, 100%, 74%, 0.658);
  }
  
  

  You should set the 'label' html element to each input element.

  For more Details:

  Link for further Reading

  for example

  <label for="email"></label>
  <input type="email" id="email">
  
  or
  
  <label for="email">
  <input type="email" id="email">
  </label>
  
  

  Technical you don't need Javascript for clientsite formvalidation. You can it do only with CSS pseudo-classes.

  For example

  input:invalid {
    border: 2px dashed red;
  }
  
  input:invalid:required {
    background-color: red;
  }
  
  input:valid {
    border: 2px solid green;
  }
  
  

  For more Details:

  MDN Webdocs CSS Tricks

  0