Using Flexbox HTML/CSS/JS

Community feedback

• 

  Marcos Travaglini•6,230

  @Blackpachamame

  Posted about 2 years ago

  ¡Buenas guchooo! felicidades por completar el reto. Te dejo algunas sugerencias que quizás te sirvan para mejorar.

  • Agregar un cursor: pointer a tus buttons.
  • Podes usar una expresión regular para validar el mail, en este caso acepta valores como unacosa@ cuando el formato debería ser unacosa@tipomail.com. Hay muchas expresiones regulares para validar mails que podes encontrar en internet, en mi caso use esta: /^[^\s@]+@[^\s@]+\.[^\s@]+$/.
  • Falto que muestre el mail que se ingreso en el input en la parte de lo que llamaste la clase modal, para eso podes reemplazar <strong>ash@loremcompany.com</strong> por <span class="unaclase">ash@loremcompany.com</span> (también puede ser con un id). Luego reemplazar con javascript lo que este dentro de esa clase por el valor que ingreso el usuario en el input.
  • Coloca siempre el :root por encima del selector *.
  • Utiliza la propiedad min-height: 100vh en lugar de height: 100vh, de lo contrario estas restringiendo a que siempre tenga un valor de 100vh y vas a notar que para resoluciones de pantalla mas pequeñas el contenido del sitio queda cortado.

  Espero que haya sido de ayuda, ¡saludos!

  11

  Marked as helpful