@VishalMauryastp
Posted
Hello, You tried well, but I'll give you some suggestion -
body{
display: flex;
justify-content: center;
align-items: center;
min-height:100vh;
}
*** This code helps to center the main container ***
*** Write this code into <footer>***
<div class="attribution">
Challenge by
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
>Frontend Mentor</a
>. Coded by
<a
href="https://github.com/kiyooteru/qr-code-component-main"
target="_blank"
>Kinga Miśkiewicz</a
>.
</div>
And follow html structure in a correct way that helps to make page accessible -
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"
<title>Frontend Mentor</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
............write your code here like <section> & all <div>.
</main>
<footer >
</footer>
</body>
</html>
I hope ,I'm helpful😐.
Marked as helpful
@codingbeary
Posted
@VishalMauryastp thank you so much, it was very helpful! :)
@VishalMauryastp
Posted
@kiyooteru It's my pleasure.