Proyectos de diseño web responsivo - Construye una página de inicio de producto

Español HTML-CSS
1

Cuéntanos qué está pasando:

Saludos, amigo tengo un problema no entiendo las 3 tareas, las otras tareas las e echo pero esas 3 no las entiendo

  1. #nav-bar siempre debe estar en la parte superior del viewport.

2)Tu página de inicio de producto debe usar por lo menos una consulta de medios.

3)Tu página de inicio de producto debe usar CSS Flexbox por lo menos una vez.

Tu código hasta el momento

<!-- file: index.html -->
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
    <style>
     

    </style>  
  </head>  
  <header id="header">
    <section id="header">
    <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png">
  <nav id="nav-bar">
    <a class="nav-link" href="#header">Header</a>
    <a class="nav-link" href="#body">body</a>
    <a class="nav-link" href="#footer">footer</a>
  </nav>
    </header>
<meta name="viewport">
 <body>
   <section id="body">
   <br>
   <br>
   Handcrafted, home-made masterpieces
   <br>
   <form id="form" action="https://www.freecodecamp.com/email-submit">
     <input id="email" name="email" type="email" placeholder="ejemplo@gmail.com">
    <section id="body">
     <input id="submit" type="submit">
     </form>


      <video id="video" src="https://youtu.be/y8Yv4pnO7qc">
      <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png">
      
 </body>     
 <footer>
    <section id="footer">  
 </footer>     











</html>  

/* file: styles.css */

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.5304.107 Safari/537.36

Desafío: Proyectos de diseño web responsivo - Construye una página de inicio de producto

Enlaza al desafío:

2

Hola Luis!

Si usas una hoja de estilos como viene a ser ‘styles.css’ seria innecesario y poco aconsejable usar etiquetas de estilo en HTML.

No veo la etiqueta de cerrado para ni para ninguna section abierta. Mas aun, la seccion de inicio de tu pagina web es el propio header, tiene sentido abrir una seccion dentro?

La idea seria que logres estos aspectos usando CSS.

De todas formas, las 3 pruebas que no logras pasar es porque no escribiste codigo CSS.

  1. Se refiere a la posicion que deberias de dar a tu #nav-bar.
  2. Deberias usar un @media-query, para hacer tu pagina responsiva a redimensiones.
  3. Algun elemento de tu pagina deberia de usar un diseño flexbox.