MODULAR: Likes & Dislikes 1.0

  <!-- LIKES AND DISLIKES START
If you want this to be two text boxes side by side instead of lists, delete everything between the two <p></p> tags then write as desired.
Make sure to keep the <p> tags though, <p> is a paragraph tag.
Indented bullet points:
    <ul><li>Item</li></ul>
-->
  <div class="row">
    <!-- LIKES START -->
    <div class="col-md-6 col-sm-12 p-2">
      <div class="text-light bg-dark p-3">
        <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px;">
          Likes
        </div>
        <hr class="bg-white w-100">
        <div class="table-responsive p-1">
          <p>
          <ul>
            <li>big long item one that is very big and long</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
          </ul>
          </p>
      </div>
    </div>
  </div>
  <!-- LIKES END -->
  <!-- DISLIKES START -->
  <div class="col-md-6 col-sm-12 p-2">
    <div class="text-light bg-dark p-3">
      <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px;">
        Dislikes
      </div>
      <hr class="bg-white w-100">
      <div class="table-responsive p-1">
        <p>
        <ul>
          <li>big long item one that is very big and long</li>
          <li>two</li>
          <li>three</li>
          <li>four</li>
        </ul>
        </p>
    </div>
  </div>
</div>
<!-- DISLIKES END -->
</div>
<!-- LIKES AND DISLIKES END -->