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

Making a qr code card using CSS

@EliAckah

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


What are you most proud of, and what would you do differently next time?

  • Use flexbox and css grid

Community feedback

@devindubin

Posted

Solution looks awesome and nearly matches the design perfectly.

The bolder text could be a bit larger to match the cutoff seen in the design (front-end is the last part of line 1 in the design but skills in yours).

I handled the vertical positioning by using position: fixed and setting its position with calc(50% - element_height/2), which may not be an ideal solution but seemed to get close.

Overall great work!

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