@elioflo
Posted
¡Hola! ¡Buen trabajo! ¡Te quedó genial!
Me gustarÃa darte algunas sugerencias/consejos para mejorar aún más:
-
Te recomiendo investigar sobre el enfoque o método Mobile First y tratar de aplicarlo en tu proyecto. Este enfoque consiste en empezar primero para dispositivos móviles, y luego adaptarlo a pantallas más grandes. Esto es beneficioso porque es más fácil adaptar un diseño pequeño a una pantalla más grande, que al revés. Además, garantiza que tu sitio web o aplicación sea accesible y usable en todos los dispositivos, lo que puede mejorar la experiencia del usuario y aumentar la retención. Hay muchos tutoriales en youtube que te pueden servir.
-
Para el botón, es más conveniente utilizar
<button><svg...></button>en vez dediv, ya que se trata precisamente de un botón. -
En el archivo
styles.css, estás utilizandomainy.containerpara referirte a lo mismo. Aunque no hay nada que te lo impida, puede prestarse a confusión a la hora de saber qué estilos se están aplicando. Te recomiendo que utilices una sola forma para referirte al elemento. -
Te sugiero que investigues sobre SASS para los estilos. Esto te ayudará a organizar mejor las clases en diferentes archivos en vez de tener todo en uno solo.
¡Espero que estos consejos te sean útiles! Si tienes alguna pregunta/duda, no dudes en preguntarme.
Elio Flores
Marked as helpful
@Candido-HM
Posted
@elioflo Muchas gracias por sus recomendaciones y seran tomadas en cuenta para ir mejorando profesionalmente. Me llamo mucho la atencion la metodologia de Mobile First y lo comenzare a implementarlo. Con respecto a SASS lo he estado utilizando para resolver los desafios, pero tratare de implementarlo siempre. Saludos desde México.
