Tell us what’s happening:
I can’t pass tests 11 and 12 from Landing Page project
This is the tag I’m using:
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
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" />
<title>Magazine</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main>
<section class="heading">
<header id="header">
<img id="header-img" src="https://www.true-gaming.net/home/wp-content/uploads/2015/01/url.jpeg" width="200" />
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#home">Home</a></li>
<li><a class="nav-link" href="#contact">Contact</a></li>
<li><a class="nav-link" href="#about">About</a></li>
</ul>
</nav>
</header>
</section>
<section class="home-section" id="home">
<h1 class="home-title">Home<h1>
<p class="home-text">Text here!</p>
</section>
<section class="contact-section" id="contact">
<h1 class="contact-title">Contact us!<h1>
<p class="contact-text">Text here!</p>
</section>
<section class="about-section" id="about">
<h1 class="about-title">About us!<h1>
<p class="about-text">Text here!</p>
</section>
<section class="trailer-video" id="video">
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
</main>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0
Challenge Information:
Product Landing Page - Build a Product Landing Page