Skip to content
Submitted over 2 years ago

Qr code challange

khushboo khatwani•1,070
@khushi0909
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am not able to center it in the center of the whole view ,can anybody help on that?

i used media query to make it responsive ,is there any other way it can be done ?

Feedbacks are welcome

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Parimal•190
    @parimaldesign

    Hello @khushi0909, Congratulations on completing the Challenge. I checked the live solution and I would like to make some suggestions. You have to use the font - family called Outfit from Google Fonts. You have set the width of the card as - 20vw which will look fine on Laptops and Desktops but it will shrink too much on mobile devices with very little width since 'vw' relates to Viewport width. I'd suggest setting a min-width to some pixel value to make it responsive.

    Marked as helpful
  • Ignat Marius•300
    @Mariusq17

    Try to put at body min-height: 100vh to make the body to align the card to center on the entire screen.

    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