Design comparison
Solution retrospective
Aún falta mejorar mucho, quisiera sus aportes, se los agradecería demasiado
Community feedback
- @jcboteroPosted almost 2 years ago
Hola Gonzalo. Buen intento.
Veo que te quedó en la vista de escritorio todo el body vertical. Quizás si en la tag container (creo que es main) que cubre la imagen principal y el text del faq, colocas display: inline-flex, te pueda acomodar horizontalmente estos dos items, y así quede el diseño más acorde al diseño guía.
Otra cosa que quizás pueda ser útil es no utilizar tanto la tag div. Puedes reemplazar algunas principales por <section>, y algunas secundarias por <article>. Así es más fácil leer el código para ti y demás personas que lo revisen.
Si algo te fue de ayuda, por favor marca este comentario como útil. Buen día!
Marked as helpful0 - @Jtorres1000Posted almost 2 years ago
¡Hola, Gonzalo!
Está muy bien hecha la página, aunque solamente veo el diseño de móviles, no me aparece la versión de escritorio en la PC, fuera de eso todo parece funcionar correctamente. En el JavaScript pudiste haber incluido todos los eventlistener en un ciclo forEach para desplegar las respuestas en una sola función, al igual que haberlas seleccionado con un querySelectorAll y acceder a cada elemento según el ID del botón que llamó a la función, así no tienes que hacer una función individual para cada uno. ¡Igualmente, bien hecho!
Marked as helpful0
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