Skip to content
OverviewSolutions
4
Comments
1
Darynka Tapia
@Darynka-Tapia

All comments

  • Benjamin•120
    @BennyBenVSubmitted about 2 years ago

    Hello ! This is my first challenge. It's not totally look the same as the screeshots. Especially on the size of the main box. Every return would be greatful and helpful.

    QR code component by Benjamin

    2
    Darynka Tapia•90
    @Darynka-TapiaPosted about 2 years ago

    Hello @BennyBenV, it's great that you completed your first challenge ✨

    Here are a few recommendations to get your element centered on the screen:

    • You can remove the margin percentage and leave it as margin:0 auto;
    • Add Viewport units to the body: width: 100vw; height: 100vh;
    • Add flex or grid to move around the layout: justify-content, align-items

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/complete-guide-grid/

    Here's my solution for this challenge if you wants to see it. ✌ https://www.frontendmentor.io/solutions/qr-code-component-aFQhD4VF3U

    Marked as helpful
    1