@islamahmadayoub
@armando1236
Submitted
Did I center the QR image correctly? I gave each side a different margin. I tried using auto for the left and right margin but it didn't work.
Should I have given the bottom text a separate p tag instead of using span?
How do you know when you should use rem, em, px, or % for sizing the width or anything else?
@islamahmadayoub
Posted
You could also use on the body
{
display: grid;
grid-template-columns: 1fr;
place-items: center;
}
You will need all the content to be in one div and that div will be centered.
Consider learning Flexbox and CSS Grid, they make it so much easier to center pretty much anything
https://www.w3schools.com/cssref/css_pr_place-items.php
Marked as helpful