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>
Was this page helpful?