Build a Product Landing Page some problems

Hi, I’ve problem with this 4 things:
5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

  1. The navbar should always be at the top of the viewport.
  2. My product landing page should have at least one media query.
  3. My product landing page should utilize CSS flexbox at least once.

My Code

  1. The href of your links needs to correspond to an id of a page section.
  <li> <a class="nav-link" id="coffeemug" href="#coffeemug-header">COFFEE MUG </a> </li>
  <li> <a class="nav-link" id="mugset" href="#mugset-header">MUG SET</a> </li>
  <li> <a class="nav-link" id="customize" href="#customize-header">CUSTOMIZE</a> </li>

<section id="coffeemug-header">...</section>
<section id="mugset-header">...</section>
<section id="customize-header">...</section>
  1. The test is expecting the header or one of its children to be fixed, the only child in the header is the nav (the UL inside of the nav doesn’t count as a child of the header even though it is fixed).

3/4. Are self-explanatory, i would say go through the course again if they are not.

@media (max-width: 800px) {
  some-selector {
    property: value;

some-selector {
  display: flex;

Slow and steady wins the race, put more time into learning and applying what you have learned. It takes time, don’t rush it.

1 Like