Newsletter Challenge

Community feedback

• 

  P

  Jose Monge•340

  @josemongedevPosted over 1 year ago

  Hola Micaela! Vas muy bien💪, ya te falta muy poco para terminarlo!

  Quería darte con tu permiso unas recomendaciones rápidas:

  • En el styled component de Bg en App.js, puedes agregar align-items:center(usando display:flex; claro); para centrarlo verticalmente.

  • En los tamaños de pantalla mobile, puedes quitarle los márgenes y el border-radius al container. Para facilitarte los estilos puedes usar el CSS reset de Andy Bell: https://andy-bell.co.uk/a-modern-css-reset/

  • Para usar las fuentes que trae el diseño originalmente, puedes seguir este video como ayuda: https://www.youtube.com/watch?v=zK-yy6C2Nck

  • Si estás usando VS Code, puedes instalar una extensión que se llama Prettier para darle formato automáticamente a tu código y hacerlo más legible. A mi me gusta ese canal para aprender CSS y otras cosas pero este video es sobre Prettier: https://www.youtube.com/watch?v=8k-b-7rJAeU

  • De igual manera si usas styled components, hay una extensión que se llama "vscode-styled-components" que sirve para escribirlos con syntax highlighting (los colores) y autocompletado.

  En general me parece excelente que estás usando semantic tags, y la distribución del código y la validación de email y el routing al mensaje de éxito funcionan muy bien.

  Ojalá te sea útil! Saludos!

  Marked as helpful

  1

  ---

  

  Micaela•160

  @micaelakorolPosted over 1 year ago

  @josemongedev muchas gracias por tu aporte, lo tendré en cuenta😊😊

  1