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

Responsive QR Code Component using HTML and CSS

@mark-escosura

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@dawidPoznanski

Posted

Nice work 😁 If u want to get this qr card component to the center of the web page u should use display:flex flex-direction:column; align-items:center; or try to make another div for your card component and add this style to your new div. In <img> you should put alt="" with some description

Marked as helpful

0

@mark-escosura

Posted

@dawidPoznanski Thank you! I will implement this right away!

0

@mark-escosura

Posted

@dawidPoznanski Not only did it center it by using flexbox, but the margin also gets smaller in size as I reduce the size of the webpage horizontally!

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