Página receptiva utilizando CSS Flex para posicionar los elementos
Design comparison
Solution retrospective
Primer desafío completado, la parte responsive cumplida. Cualquier sugerencia sería bien recibida.
Community feedback
- @correlucasPosted over 2 years ago
👾 Hola Titor, congratulaciones per tu solución!
Su contenedor no crece y no responde porque usó
width
en lugar demax-width
para resolver esto, debe establecer un tamaño comomax-width: 900px;
y hacer que cada columna sea el 50% del ancho del contenedor. o usedisplay: grid;
y divídalo congrid-template-column: 1fr 1fr;
y luego cambie lamedia query
agrid-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 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