Saw from a previous thread to refresh browser, redo in incognito mode but just not working. Keep getting the ‘you should have the main element as the only child of the body element’. Appreciate any help!
Code here:
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video Compilation Page</title>
</head>
<body>
<main>
<h1>Take a look at how cute Ollie and Paco are!</h1>
<p>This webpage is primarily dedicated to showing cute videos of my 2 dogs, Ollie (2yo) and Paco (1.5yo).</p>
<section>
<h2>First Viewing</h2>
<p>Here is a video from when I first saw Ollie in the pet shop.</p>
<iframe
width="500"
height="500"
src="https://www.youtube.com/embed/PkZNo7MFNFg?si=-UBVIUNM3csdeiWF"
title="First Look at Ollie">
</iframe>
</section>
<section>
<h2>Journey Home</h2>
<p>Bringing Paco home from Ministry of Pup @ Balestier!</p>
<iframe
width="500"
height="500"
src="https://www.youtube.com/embed/PkZNo7MFNFg?si=-UBVIUNM3csdeiWF"
title="Paco otw home">
</iframe>
</section>
<section>
<h2>Naughty Shenanigans</h2>
<p>Bois are up to no good after their breakfasts!</p>
<iframe
width="500"
height="500"
src="https://www.youtube.com/embed/PkZNo7MFNFg?si=-UBVIUNM3csdeiWF"
title="Yahooooo">
</iframe>
</section>
</main>
</body>
</html>
