JSFiddle - React, Tailwind, and code Playground

HTML

<header class="container menu">
    <div class="main-caption">
      <span>Bear Mansur</span>
    </div>

    <div class="voting">
    <span>How long have you...</span>
    <form method="post" action="#">
     
    <label class="form__input">
   <span>Youtube</span>
    
     <input type="radio" name="radio" value="youtube">
    </label>
    <label class="form__input">
      <span>instagram</span>
      <input type="radio" name="radio" value="instagram">
    </label>
    <label class="form__input">
      <span>facebook</span>
     <input type="radio" name="answer" value="facebook">
    </label>
    <input type="submit" value="vote">

  </form>
</div>
    <div class="main-menu">
  
</div>
  </header>

CSS

main {
  width: 100%;
  display: flex;
}

.voting form {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.menu {
  display: flex;
  justify-content: space-between;
}