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

Tarjeta hecha con SASS Grid y Flexbox

sass/scss
Abel Valverde Ortuño•110
@AbelVOrtuno
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?

Me gusto que el proyecto fue compatible todavia con Ruby SASS. Ademas el uso de SASS mejoro aun mas el flujo de trabajo al organizar mejor los estilos dejandolos en archivos parciales,lo que contribuyo a un html semantico y limpio.Tambien el uso de display-grid y display-flex,permitio adaptar y organizar mejor la informacion en el contenedor.

Veo que Ruby SASS ya no tiene soporte,asi que espero utilizar una herramienta mas actual y potente como Dart-SASS

What challenges did you encounter, and how did you overcome them?

Me costo trabajo hacer que la imagen no desbordara del contenedor y que el border-radiusse mostrara en ella.Pero me ayudo revisar el inspector de Firefox para renderizar mejor el contenido.

What specific areas of your project would you like help with?

Me gustaria que me ayudaran con lo que tiene que ver con las media-queries y como configurar gulp y otras herramientas para emplear preprocesadores como SASS y LESS.Ademas acepto cualquier sugerencia sobre el codigo.

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 Abel Valverde Ortuño'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