Tell us what’s happening:
Hello!! Why does my number 6 not pass? I do have main element inside the body element.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Build an Event Flyer Page</title>
</head>
<body>
<header><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.thesprucepets.com%2Fthmb%2Fte4ByiNJ8E7mniqWHKC7IaLDy5Q%3D%2F3296x2003%2Ffilters%3Afill(auto%2C1)%2FMiniaturePinscher-GettyImages-688980471-8bc0643dded0498580d10e740e9dbecd.jpg&f=1&nofb=1&ipt=e5943cd8b1b8225bc96c169bfcaf3c937ef9e767e4ea8552b5f17614f08a51f2" alt="min pin" height="500px" width="500px"><h1>Min Pin Festival</h1>
<main>
<section>
<h2>Min Pin</h2>
<!-- <img src="=https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.dooggs.de%2Ffiles%2F1%2Ftierbilder%2Foriginal%2F1131.jpg&f=1&nofb=1&ipt=ceb8647da8e30d05755a95497aac0209ace6f114a73471d0c973d85092b486d5" alt="mini pin in" class="pin"/> -->
</section>
<section>
<hr></hr>
<h2>WE LOVE MINI PIN</h2>
<img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.dooggs.de%2Ffiles%2F1%2Ftierbilder%2Foriginal%2F1131.jpg&f=1&nofb=1&ipt=ceb8647da8e30d05755a95497aac0209ace6f114a73471d0c973d85092b486d5" alt="a mini pin"/>
</section>
</main>
</body>
</html>
/* file: styles.css */
body {
box-sizing: border-box;
padding: 50px 0px;
margin: 0 auto;
width: 60vw;
min-height: calc(100vh - 100px);
}
hr {
width: 2%;
}
section {
width: 60%;
}
.pin {
max-width: 1%;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36
Challenge Information:
Build an Event Flyer Page - Build an Event Flyer Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-event-flyer-page/build-an-event-flyer-page