HTML&CSS Nav

HTML

<!DOCTYPE html>



<title>URBANFITNESSNI</title>

<body>


  <img src="C:\Users\Ross\Documents\UrbanFitnessNi\assets\logo.png" alt="logo">


  <nav>
    <ul>
      <li>
        <a href="/home">Home</a>
      </li>
      <li>
        <a href="/about">About Us</a>
      </li>
      <li>
        <a href="/membership">Membership Details</a>
      </li>
      <li>
        <a href="/facilities">Facilities</a>
      </li>
      <li>
        <a href="/faq">FAQ</a>
      </li>
    </ul>
  </nav>

</body>

CSS

body {
  width 100%;
  max-width: 960px;
  margin: 0 auto;
}

nav {
  width: 100%;
  margin: 20px 0;
}

nav ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  width: 20%;
}

nav ul li a {
  display: block;
  width: 100%;
}