Tell us what’s happening:
The iframe elements aren’t being recognised as the third child in their sections, everything else passes
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Video Compilation Page</title>
</head>
<body>
<main>
<h1>Some Cute Cats</h1>
<p>This here is a little compilation page of some cute cat videos from around the web.</p>
<section>
<h2>Video 1</h2>
<p>A 16-minute video compilation of some sweet kitties to get you warmed up!</p>
<iframe
src="https://www.youtube.com/embed/JxS5E-kZc2s"
title="cat video compilation"
height="150"
width="300">
</iframe>
</section>
<section>
<h2>Video 2</h2>
<p>Aaaaand now for some kittens!!1</p>
<iframe
src="https://www.youtube.com/embed/N8HqmqEPZew"
title="12 minutes of cute kittens"
height="150"
width="300">
</iframe>
</section>
<section>
<h2>Video 3</h2>
<p>The previous two were child's play, get ready for a 10-HOUR CUTE CAT COMPILATION VIDEO
<iframe
src="https://www.youtube.com/embed/bv3hXOCfdAw"
title="10 hours of bliss"
height="150"
width="300">
</iframe>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Challenge Information:
Build a Video Compilation Page - Build a Video Compilation Page