@Programming-School-Pro-Coding
Posted
Hi @WickedBlack
There is a problem: In index.html line 30 change the code to:
<img src="./image-qr-code.png" alt="Qr Code">
to be the image seen in the website
I have some suggestions:
- Make The Code Semantic by put in the div with className attribution this code to be semantic:
<footer class="attribution">
<p>Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.</p>
<p>Coded by <a href="#">Wicked Black</a>.</p>
</div>
and put this code in the div with className container to be semantic:
<main class="container">
<article class="card">
<img src="images\image-qr-code.png" alt="Qr Code">
<h2>Improve your front-end skills by building projects</h2>
<figcaption> Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</figcaption>
</article>
</div>
-
remove the style tag in the head tag
-
to be the card in the middle of the page use the following code:
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3.5rem; /* separation between the card and attribution */
min-height: 100vh;
}
Marked as helpful