Creating responsive navigation bars with a hamburger menu

<header class="main-header">

<div> 
<img class= "logo">
<div>
<nav class="main-nav">
 <ul>
  <li>
  <li>
  <li>
 </ul>
<---- Div example>
<div>
  <button>Login</button>
  <button>Sign up</button>
</div>
</nav>
</header>

<section>
<header class="main-header">

<div> 
<img class= "logo">
<div>
<nav class="main-nav">
 <ul>
  <li>
  <li>
  <li>
 </ul>
</nav>
</header>

<div>
  <h1>A modern publishing platform</h1>
  <p>text<p>
  <button>Start for free</button
  <button>learn more</button
<div>
<section>