Skip to content
Submitted almost 3 years ago

Responsive design of QR-code component page

Yosef•500
@Yosity
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This one was quite easy but I'm still unsure of what is the "right" way of responsive designing. Like how can I tell that this will work on mobile screens or not. Thank you for your feedback in advance

Code

Please log in to post a comment

Log in

Community feedback

  • Brian Schooler•440
    @superschooler

    Hi Yosef, great job! The easiest way to tell if it works on all screen sizes is to open developer tools (right click the webpage then select Inspect) and then slide the pane horizontally to compress and enlarge the site. If you hit a point where text overflows or it looks bad, you can use media queries or change other properties to fix it.

    Marked as helpful

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