I have tried everything I can find including trying code from other projects and reading HTML5 and CSS3 for Dummies.
Error
6. I can watch an embedded product video with id=“video”.#video is not defined : expected null to not equal null
my code
<section id="video ">
<iframe width="560 " height="315 " src="https://www.youtube.com/embed/1cYgMQSSUaw " frameborder="0 " allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture " allowfullscreen></iframe> </section>
Viewport error
The view port: #header or one of its children should be at the top of the viewport : expected 39.984375 to be close to 0 +/- 15
from Dummies I added:
@mediaquery (max-width: 600px) {
/*special instructions for narrower screens*/
#all {
display: block;
width: 90%;
font-size: 125%;
}
Nav {
display: block;
width: 100%;
height: auto;
}
#content {
display: block;
width: 95%;
height: auto;
padding-left: 5%;
}
Footer {
display: block;
width: 100%;
}
}
Your browser information:
Google Chrome
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36
.
**Link to the challenge:**https://codepen.io/diane-nelson-trotter/pen/JqrZdB
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page