Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 12 months ago

Flexbox Media Queries Metodología BEM opcional, si la utilizaste Diseñ

pure-css
tathanz98•90
@tathanz98
A solution to the Product preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on tathanz98'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License