Responsive price component using Grid and Mobile First approach

Solution retrospective
Estoy orgulloso de haber usado CSS Grid por primera vez para lograr un diseño responsive, con una tarjeta arriba y dos abajo solo en desktop. También implementé la metodología Mobile First desde el inicio. La próxima vez, intentaría mejorar la organización del CSS para hacerlo más mantenible y evitar repetir márgenes.
What challenges did you encounter, and how did you overcome them?El mayor desafío fue entender cómo funciona grid-column y cómo posicionar los elementos dentro de un layout de 2 columnas. También me costó un poco usar calc() correctamente, pero lo entendí con ejemplos. Superé los problemas gracias a la documentación, práctica y ayuda de la comunidad.
What specific areas of your project would you like help with?Me gustaría recibir feedback sobre cómo mejorar la estructura de mis media queries y si hay una mejor forma de manejar el espaciado interno (márgenes/padding) sin usar tantas clases individuales.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Fernando Luis Pizarro'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