KapteynUniverse• 1,070
@KapteynUniverse
Posted
Hey, nice job.
To center the item you can use flex or grid
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
or
body {
display: grid;
place-content: center;
min-height: 100vh;
}
Which you already did the first one but giving qr-component to margin: auto; caused it to go bottom of the body.
vh and vw are viewheight and width, 1 vh is 1% of the current screen
Kevin Powell have some videos about em/rem units. You can check them, this one probably give you an idea. But most of the times we will use rem.
Also use a modern css reset for future projects.
Marked as helpful
1
Tristan• 10
@tristanjtate
Posted
YOU are awesome. Thanks for the feedback! Currently reading & reviewing the modern css reset. Thanks for the support and the resource.
@KapteynUniverse
1
