Build a Product Landing Page test problem

HTML-CSS
1

I finished everything is there but the test is saying it’s all there. this is what is missing.

User Story #6: I can watch an embedded product video with id=“video”.~
User Story #12: When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit) that confirms the email address was entered and that it posted successfully.~
User Story #14: My product landing page should have at least one media query.~

https://jsfiddle.net/royalgreen50/uqcb0z5t/205/#&togetherjs=1uC5lEGueD

chrome

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page/

2
  1. you have three elements with id="video". Id’s must be unique.
  2. action should be on from not on input
  3. you can’t do nesting in CSS. Either un-nest or switch to SCSS.
3

Man how long have I got to learn all of this stuff.

4