I need help solving a challenge

Conte-nos o que está acontecendo:

I submit my html code, and it says two things are missing: “The homepage must have at least one media query”
“Product homepage must use CSS flexbox at least once.” But these two things already have, I need help to know what is missing in my code below.

my code

@media (min-width: 420px) { header { display: flex; } }
<link rel="stylesheet" href="styles.css" />

<link

  rel="stylesheet"

  href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"

  integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"

  crossorigin="anonymous"

/>
<div id="page-wrapper">

  <header id="header">
      <ul>

        <li><a class="nav-link" href="#features">Features</a></li>

        <li><a class="nav-link" href="#how-it-works">How It Works</a></li>

        <li><a class="nav-link" href="#pricing">Pricing</a></li>

      

      </ul>

    </nav>

    <div class="logo">

      <img

        id="header-img"

        src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSmsVK8fqccUwcE6pUoq6CrbcqKpCNpupASAQ&usqp=CAU"

        alt="Bicicletas da melhor qualidade"

        

    </div>

  </header>

  <div class="container"></div>

  <section id="hero">

    <h3>Melhores bicicletas, você encontrará aqui</h3>

    <form id="form" action="https://www.freecodecamp.com/email-submit">

      <input

        name="email"

        id="email"

        type="email"

        placeholder="coloque seu email"

        required

      />

      <input id="submit" type="submit" value="vamos lá!!" class="btn" />

    </form>

  </section>

  <div class="container">

    <section id="features">

      <div class="grid">

        <div class="icon"><i class="fa fa-3x fa-fire"></i></div>

        <div class="desc">

          <h2>Materiais da melhor qualidade do mercado</h2>

          <p>

            Nós garantimos a melhor qualidade nos materiais de nossos produtos;

          </p>

        </div>

      </div>

      <div class="grid">

        <div class="icon"><i class="fa fa-3x fa-truck"></i></div>

        <div class="desc">

          <h2>entregamos seu produto em casa</h2>

          <p>

          Garantimos uma entrega rápida e segura;

          </p>

        </div>

      </div>

      <div class="grid">

        <div class="icon">

          <i class="fa fa-3x fa-battery-full" aria-hidden="true"></i>

        </div>

        <div class="desc">

          <h2>bicicletas de todos os tamanhos</h2>

          <p>

            Em nossa loja temos bicicletas para todos os tamanhos e prefências; 

          </p>

        </div>

      </div>

    </section>

    <section id="how-it-works">

      <iframe

        id="video"

        height="315"

       @media (max-width: 480px) {

.text {

font-size: 16px;

}

}

        src="https://www.youtube.com/watch?v=TvfgjQpQCck"

        frameborder="0"

        allowfullscreen

      ></iframe>

    </section>

    <section id="pricing">

      <div class="product" id="tenor">

        <div class="level">Bicicletas incríveis</div>

        <h2>$200</h2>

        <ol>

          <li>Para crianças entre 4 e 9 anos.</li>

        </ol>

        <button class="btn">Selecionar</button>

      </div>

      <div class="product" id="bass">

        <div class="level">bicicleta pequena</div>

        <h2>$500</h2>

        <ol>

          <li>Para idades entre 10 e 17 anos.</li>

        </ol>

        <button class="btn">Selecionar</button>

      </div>

      <div class="product" id="valve">

        <div class="level">Bicicleta media</div>

        <h2>$800</h2>

        <ol>

          <li>Para adultos</li>

        </ol>

        <button class="btn">Selecionar</button>

      </div>

      <div class="product" id="special">

        <div class="level">Mountain Bikes</div>

        <h2>$1000</h2>

        <ol>

          <li>Bicicletas especiais.</li>

        </ol>

        <button class="btn">Selecionar</button>

      </div>

    </section>

    <footer>

      <ul>

        <li><a href="#">Privacidade</a></li>

        <li><a href="#">Termos</a></li>

        <li><a href="#">Contatos</a></li>

      </ul>

      <span>Copyright 2022, Super Bikes 100% brasileiras</span>

    </footer>

  </div>

</div>

**Informações de seu navegador:**

Agente de usuário: <code>Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36</code>

**Desafio:**  Criar uma landing page para um produto

**Link para o desafio:**
https://www.freecodecamp.org/portuguese/learn/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page

also share that challenge link, it would be a lot easier to comprehend…

welcome to fcc forum :slight_smile:

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