Submitted about 2 years ago

Qr code component challenge using HTML and CSS

Mishael Mordi• 20

@Mishhael9

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I had a lot of issues trying to get the website to be responsive on smaller viewports, I would love to know if there are simpler ways of making that possible.

Community feedback

Jake Godsall• 1,390

@jakegodsall

Posted about 2 years ago

Great job on how responsive this is. The card looks great at all viewport widths and heights (up until you reach the height of the actual card). I suggest looking into media queries to deal with radically different viewport sizes.

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries

Please log in to post a comment

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