QR Code Component with basic styling

Hey Ibukun,

To center the component on the page, Give the parent element <main> the following properties:

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

Some Resources

• How to Center Anything with CSS - Align a Div, Text, and More
• 11 Ways to Center Div or Text in Div in CSS

I hope this is helpful to you... Keep coding👍

Hey!! Cheers 🥂 on completing this challenge.. .

Lets firstly work on your accessibility issues.

• Page should contain a level-one heading basically means your html should have a h1 it aid navigation hence <h3>Improve your front-end skills by building projects</h3> should be <h1>Improve your front-end skills by building projects</h1> and you should also go down orderly when you are using the headings h1 down to h2 down to h3 and so on.

• You can use flexbox or grid to center your element horizontally and vertically.. set display: flex; align-item: center; justify-content: center;

. Regardless you did amazing... hope you find this helpful... Happy coding!!!

NAIJA TO THE WORLD!!!