Skip to content
Submitted over 2 years ago

Qr code component Beginner

thankuxari•110
@thankuxari
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

-Does it make sense to use media query for smaller screen devices when the design already looks good without using media query(for like accessibility reasons or search engine optimization)?

Code

Please log in to post a comment

Log in

Community feedback

  • Remigiusz Czarnecki•380
    @remmji

    Hello there 👋

    In this particular project, using media queries may not be necessary as the card width is only 320px, which can be hard coded (fonts too) and will fit on most mobile screens and match provided by challenge design.

    Other than that it is best practice to use media queries even for small screens. The reason for that is mobile-first approach so the project is optimized for smaller screens which we scale up later on.

    And yeah Google recommends using responsive design with media queries to make sure your website is mobile-friendly, which can improve your search engine rankings and visibility.

    Hope this will be helpful :)

    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