Best Practice NavBar? - Kevin Powell - Community

Kevin Powell - Community•3y ago•

11 replies

Best Practice NavBar?

Is this a good practice when creating a responsive navBar? Im creating another nav inside a nav for mobile screens.

<div>
  <nav>
    {/* Logo */}
    <img/>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  
  {/* Mobile Nav burger menu */}
  <div className="burgerMenu"></div>

  {/* Mobile Nav */}
  <nav>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </nav>

  </nav>
</div>

<div>
  <nav>
    {/* Logo */}
    <img/>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  
  {/* Mobile Nav burger menu */}
  <div className="burgerMenu"></div>

  {/* Mobile Nav */}
  <nav>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </nav>

  </nav>
</div>