Product Landing Page - Build a Product Landing Page

Tell us what’s happening:
I technically completed the project but my preview looks kinda plain & sad. I don’t understand why my image & video are not showing up in the preview window.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
   <meta charset="UTF-8"></meta>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
   <link rel="stylesheet" href="styles.css"></link>
  <header id="header">
    <img class="logo" id="header-img" src="" ></img>
    <nav id="nav-bar">
     <li><a href="#section1" class="nav-link" id="section1">Section1</a></li>
      <li><a href="#section2" class="nav-link"
      <li><a href="#section3" class="nav-link"


    <video class="video" id="video" src=""></video>
   <form id="form" action="">
     <input id="email" name="email" placeholder="enter email" type="email"></input>

     <input id="submit" type="submit"></input>
/* file: styles.css */

html {
 background-color: lime;
 width: 100vw;}

 #header {
 position: fixed;
 top: 0;
 left: 0;
 color: navy;
 font-family: 'Exo 2', sans-serif;
 padding: 1em;
 display: flex;
 justify-content: space-around;
 align-items: center;
 background-color: PaleGreen;}

#header-img {
 width: 50%;
 height: 50%;
 position: relative;}

 body {


 @media (max-width: 600px) {
 flex-wrap: wrap;
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

When I put that image URL into my browser it takes me to a page with the image in it. So I don’t think you can use that URL in the img tag. You need to use a URL that goes to an actual image file.

1 Like

Hi @alishaleslie !

You will need to remove this line

and follow these directions on how to get the correct html to embed a youtube video on a web page

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.