QR-code card using CSS

Hi 👋 David Oluremi. Congratulations on completing the challenge !

I have some suggestions about your code.

HTML⚡:

▪ It is advisable that you place all your main site content in a landmark element <main>.

▪ Best practice is to ensure that the beginning of a page's main content starts with a h1 element.

CSS 🎨:

▪ Instead of using pixels in font-size, using relative units like em or rem is a good practice.

I hope you find it useful! By the way, the solution was great. 🙌💯

Enjoy coding, Stay Safe!🤞

Hello there 👋. You did a good job!

I have some suggestions about your code that might interest you.

CSS 🎨:

• You can use grid or flexbox to center the content no matter the viewport size. Using Grid:

body {
	min-height: 100vh;
        display: grid;
	place-content : center;
}

FlexBox

body {
	min-height: 100vh;
        display: flex;
	align-items: center;
	justify-content: center;
}

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy <coding /> 😎!