@mbaah13. You have to include your ** images folder ** to your github account. In CSS the perfect way you can center an element is set the display to flex , justify-content to center and also align-items to center. The Height is a key to this type of centering. Excluding it will not be perfectly centered. illustration:
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<main>
<div class="container">
<div class="container-wrapper">
<img src="images/image-qr-code.png"/>
<div class="qr-info">
<h2>
Improve your front-end skills by building projects
</h2>
<p>Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
</div>
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="#">Maggie Baah</a>.
</div>
</div>
</div>
</main>
</body>
</html>
I hope you find this helpful and mark it as helpful. Great work by the way you did good. Keep up the good work and you will be advanced in no time. Thank you. If you find this
Marked as helpful
@mbaah13
Posted
Thank you so much, I have added the image folder and thanks for the tip too@khophisnow
You are welcome @mbaah13. We are all here to learn from each other. Happy Coding.
You are welcome @mbaah13. We are all here to learn from each other. Happy Coding.