QR code component HTML CSS solution

Hello, the width of the card is 320px instead of 230 px. It's why your card looks smaller.

And you have to add a padding under the card : the text is near the border.

Then check the accessiblity of your card. You have to add at least a role attr to a makup that defin the landmark.

For exemple for

<div class="box"> 
...
<div/>

add role="main" then you have

<div role="main" class="box"> 
...
<div/>

For more click on this link

https://dequeuniversity.com/rules/axe/4.3/landmark-one-main?application=axeAPI

Hey mate! your page is on https://dimakuznetsow.github.io/qr-code-component/.

As for positioning, using auto margins is one of the ways you can center an element, in fact centering an element is one of the things you will do in CSS the most and the source of many memes and jokes in the community.

You can also try centering with flexbox, grid, and transform: translate().

For this challenge the card is meant to be centered vertically withing the page too, for that you can set a min-height: 100vh on your body element, and then center your card within it.

Hello, your app is not deployed correctly and your publication page seems unavailable. Please check it so I can make beste review.