
Flexbox Media Queries Metodología BEM opcional, si la utilizaste Diseñ
Design comparison
Solution retrospective
Estoy más orgulloso de haber logrado un diseño totalmente responsivo que se adapta tanto a dispositivos móviles como a pantallas más grandes. Logré implementar correctamente las media queries para un diseño fluido. En el futuro, podría explorar técnicas como CSS Grid para mayor flexibilidad y experimentaría con preprocesadores como Sass para organizar mejor los estilos.
What challenges did you encounter, and how did you overcome them?El principal desafío fue manejar las diferencias de diseño entre la versión móvil y la de escritorio. Superé esto utilizando media queries y verificando constantemente cómo se veía el diseño en diferentes resoluciones. Además, ajustar el espaciado y las proporciones de las imágenes fue complicado, pero logré resolverlo utilizando object-fit y estableciendo proporciones adecuadas en el contenedor de las imágenes.
What specific areas of your project would you like help with?Me gustaría recibir comentarios sobre cómo optimizar mejor el código CSS para reducir redundancias. También agradecería sugerencias sobre cómo hacer que el diseño sea más accesible y mejorar el rendimiento en dispositivos de baja capacidad.
Community feedback
- @AdityaNair07Posted 2 months ago
The pricing font is different. Other than that it looks nearly perfect.
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