All solutions

Hi all, this is my attempt at the challenge

Tried my best to gauge the spacing & alignment of the different elements. Also made sure to use semantic tags

Let me know your feedback on areas I can improve on!

Hi all, this is my attempt at the challenge

For the desktop view, i think my attempt is fine

But would love feedback/suggestions on the mobile view as I am still new to media queries! I set the breakpoint at 900px but i don't think that's right

For the qr-code-content container class, i had set a max-width: 550px so that the container class wrapping the h1 & span elements are within the width of the QR code image.

I'm sure this isn't the right way to do this.

Is there a programmatic way or "best practice" way so that the qr-code-content container will be as wide as the QR code image or whatever image that is placed there?