Submitted almost 2 years ago

Qr code challenge - first take.

Reiner Bielert• 10

@coderhanzo

Preview site View code

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

First take on this challenge, still a novice in web development and took this challenge test my self. Also didn't build the mobile version for this (it responsive to mobile browsers but isn't perfect)couldn't figure out how to go about it. Aside that,everything works okay, still got some learning to do tho. Feedback will be much appreciated.

Community feedback

Dirk Brandon Lapitan• 120

@dbslapitan

Posted almost 2 years ago

You can use css media queries for the mobile version. It allows you to change the style of your website when you specify a condition, for example, when your screen's width is small(like a mobile device). Here's a link for a detailed explanation: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries. I'm pretty sure you can find examples on it on the web.

Marked as helpful

Reiner Bielert• 10

@coderhanzo

Posted almost 2 years ago

Okay @dbslapitan, I'd try it out. Thanks a lot, really appreciate this.

Faruk Abdulganiyu• 380

@faruking

Posted almost 2 years ago

change width of the QR code to 100%(style.css line17) to make the edges equal.

Marked as helpful

Reiner Bielert• 10

@coderhanzo

Posted almost 2 years ago

Thanks alot @faruking. Really appreciate

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