QR Code Card (Flexbox)

very nice design, this shows your skill in using css, for centering the container the problem here comes form the body height , since the height is as default fitting the content if you used margin auto the centering will be just horizentally, so first do that body { height : 100vh; } then margin auto will center the contianer both horizentally and vertically , but for me i would rather use the grid like that. body { height: 100vh; display: grid: placecontent: center; } ok i hope that i was helpful keep the hardwork.

Congratulations on completing your QR Code Card. I suggest, try using rems instead of px for sizing your font-size, widths, etc. And also, try creating a :root to define your global CSS variables (which can be used throughout your stylesheets) for convenient adjustments. You can also create variables for your colors and font family.

For example:

:root {
--primary-color: #FF0000;
--font: Times New Roman;
--font-size: 16px;
}

h1 {
color: var(--primary-color);
font-family: var(--font);
font-size: 2rem;
}

It's not a lot, but I hope it helps. Happy coding! 🙌🏻