Responsive layout with Flexbox & media queries

Solution retrospective
Estoy orgulloso de haber conseguido una maquetación responsive funcional y visualmente fiel al diseño original, utilizando únicamente HTML y CSS. También logré comprender mejor cómo aplicar Flexbox y media queries en un flujo mobile-first. La próxima vez, trataría de estructurar mejor mis media queries para mantener el código más limpio y escalable.
What challenges did you encounter, and how did you overcome them?Uno de los principales desafíos fue aplicar correctamente los breakpoints para que la distribución y el espaciado de los elementos se adaptaran a distintas resoluciones. También me costó entender el comportamiento del margen en cascada entre distintos media queries. Lo resolví consultando documentación oficial y pidiendo ayuda en la comunidad.
What specific areas of your project would you like help with?Me gustaría recibir feedback sobre cómo organizar mejor mis media queries y clases CSS, especialmente en proyectos con varios breakpoints. También si hay mejores prácticas para evitar código repetido o conflictos de cascada.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Fernando Luis Pizarro's solution.
Join 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