Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Página receptiva utilizando CSS Flex para posicionar los elementos

TITOR 340

@hectorestebanm

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Primer desafío completado, la parte responsive cumplida. Cualquier sugerencia sería bien recibida.

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾 Hola Titor, congratulaciones per tu solución!

Su contenedor no crece y no responde porque usó width en lugar de max-width para resolver esto, debe establecer un tamaño como max-width: 900px; y hacer que cada columna sea el 50% del ancho del contenedor. o use display: grid; y divídalo con grid-template-column: 1fr 1fr; y luego cambie la media query a grid-template-column: 1fr; es la forma más simple para resolver este desafío.

Puedes usar mi solucion como referencia se quieres: https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa/hub/product-preview-card-vanilla-css-and-custom-hover-state-on-hero-85A1JsueD1

Espero que te ayude, happy coding!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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