i keep getting this error
- Your first iframe element should have a title attribute to describe the embedded content.
- Your second iframe element should have a title attribute to describe the embedded content.
- Your third iframe element should have a title attribute to describe the embedded content.
ive tried putting it in various positions but still get the error
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="styles/style.css"/>
<title>video compilation page</title>
<meta charset="UTF-8">
<meta name="" content=" ">
<title>Video Compilation Page</title>
</head>
<body>
<main>
<!--section-->
<h1 id="title">Video Compilation Page</h1>
<p>Do you like Stupid cats? check out these stupid cats!</p>
<!--section--><!--section-->
<!--section--><!--section-->
<section id="section-1">
<h2>Funny cat video</h2>
<p> Funny cats</p>
<iframe id="iframe" src="https://m.youtube.com/watch?v=-l4xlSvaOK0" height="100px" width="100%"> </iframe>
<title>video of funny cats</title>
</section>
<!--section--><!--section-->
<!--section--><!--section-->
<section id="iframe"id="section-2">
<h2>Cat in the bath</h2>
<p>Cat regrets having a bath</p>
<iframe src="https://m.youtube.com/watch?v=1Ia42dai61A" height="100px" width="100%">
<title>cat regrets having a bath</title>
</iframe>
</section>
<!--section--><!--section-->
<!--section--><!--section-->
<section id="section-3">
<h2>Surpised cat</h2>
<p>cat gets a surpise</p>
<iframe id="iframe" src="https://m.youtube.com/watch?v=tVQukw8DkaY" height="100px" width="100%">
<title>cat has a surpise</title>
</iframe>
</section>
<!--section--><!--section-->
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Mobile Safari/537.36 ABB/3.7.1
Challenge Information:
Build a Video Compilation Page - Build a Video Compilation Page