Vista-Articulo,015-HTML, CSS, JavaScript, responsivo
Design comparison
Solution retrospective
Iniciando a resolver los desafios con un poco de JavaScript. Fue una mejor manera para adentrarme a este lenaguaje de programacion por medio de este desafio. Utilizacion del evento addEventListener 'click', ademas de utlizar función de flecha y in IF para analizar la condición que se cumplian. Html y css para diseñar la página web. Dudas o comentarios seran muy bien recibidos.
Community feedback
- @eliofloPosted over 1 year ago
¡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 utilizandomain
y.container
para 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 helpful0@Candido-HMPosted over 1 year ago@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.
0 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord