Good day everyone, Who else has issues completing this landing page?

please look at the attached image and see what I’m doing wrong with my nav-links href.
Thanks in anticipation

you have to share your code here in text form for review if you need help with it.

<html lang="en">
  <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
.flex-container {
  display: flex;
  background-color: crimson;

header {
  position: fixed;

@media only screen and (max-width: 950px) {
  body {
    background-color: lightblue;

  <header id="header">
    <img src="" id="header-img"/>
      <nav id="nav-bar">
      <nav href="#header-img" class="nav-link" ></nav>
            <nav class="nav-link" href="#email"> </nav>
                  <nav class="nav-link" href="#submit"> </nav>

  <video src="" id="video"></video>

<form action="" id="form">
  <input name="email" id="email" placeholder="Enter Your Email" type="email">
<input type="submit" value="Submit" id="submit">

There’s my code buddy

please see this example code on how to write nav links

Thank you, but the challenge specifies that I use a # as the href signifier, e.g, #video for href=“#video

yes that # is for the internal links, but you need to correct the actual code first
(i hope you noticed that you are not using the correct tags!)

1 Like

I do not get what you mean saying I’m not using the correct tags honestly. I tried to see how a whole couple of internal links would work is why I had the 1st nav link href’d to #header-img, I tried #video and #submit and it still wouldn’t work.

Care to ditch the rules and just have this out in plain sight hbar1st?

Thanks buddy, I changed the tag to a ‘a’ tag

1 Like

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