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

CARD CODIGO QR rica999

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hola, espero tengan un buen día, espero puedan ayudarme a darme algunos consejos de como optimizar mejor el diseño en css. Gracias

Community feedback

@bramuccci

Posted

Hola Ricardo! Acá van algunos tips:

  • Pon el width directamente en la card (container), y no en el main.
  • Podés usar font-family: 'Outfit', sans-serif; directamente en el body y así no repetir líneas.
  • No hace falta anidar tantos divs adentro de la card. Yo haría .card>img+h1+p y daría un padding a card. De esta forma no hace falta ajustar cada elemento manualmente.
  • Te recomiendo aprender de medidas em y rem.

Veo tu código de css muy ordenado, sacando algunas líneas innecesarias mejoraría aún más. Felicidades por tu solución :)

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