Intro component with sign up form

Community feedback

• 

  P

  Matthias•630

  @astrageniusPosted almost 3 years ago

  Hey ho :) Good solution so far. Your layout is really accurate.

  You should set a '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

  Marked as helpful

  1
• Account deleted

  Hi there 👋

  Congratulate on finishing your project 🎉. The design looks beautiful 😃.

  Let's first talk about your design. You should remove the blur from the cards because the original one does not have any blur and looks like a kinda illustration 🐱. I think you should add a light gray border to inputs even if they do not clicked yet. It was hard to find where to type ⌨. I think, about your question, you can use fixed positioning. Watch the video about it

  Happy coding ☕

  Marked as helpful

  1
• 

  Maciej•280

  @dreamspicePosted almost 3 years ago

  Hi !

  Thank you for reply and advices :)

  I have updated my code. Thanks for video but something doesn't work i will figure out how to fix it.

  All the best.

  1
• 

  Maciej•280

  @dreamspicePosted almost 3 years ago

  Hey !

  Thanks for feedback.

  I think label is for only mhmmm... checkboxes and radio type input.

  I saw something like this:

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

  Use div in that case or not?

  Thanks for that validation.

  All the best.

  0