MODULAR: Likes & Dislikes 1.0-Cardo

    <!-- LIKES AND DISLIKES START
If you want this to be two text boxes side by side instead of lists, delete everything in and including the <ul></ul> tags, add <p></p> then write inside those as desired.

Indented bullet points:
    <ul><li>Item</li></ul>
-->
  <div class="row">
    <!-- LIKES START -->
    <div class="col-6 mb-3">
        <div class="card p-2">
            <div class="text-uppercase text-primary" style="letter-spacing:3px; font-size:25px;">
              <i class="fa-duotone fa-card-heart"></i>  Likes
            </div>
            <hr class="bg-secondary w-100">

<ul>
            <li>big long item one that is very big and long</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
          </ul>
        </div>
    </div>

  <!-- LIKES END -->
    <!-- DISLIKES START -->
    <div class="col-6 mb-3">
        <div class="card p-2">
            <div class="text-uppercase text-primary" style="letter-spacing:3px; font-size:25px;">
              <i class="fa-duotone fa-card-spade"></i>  Dislikes
            </div>
            <hr class="bg-secondary w-100">

<ul>
            <li>big long item one that is very big and long</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
          </ul>
        </div>
    </div>
  <!-- DISLIKES END -->
  </div>
<!-- LIKES AND DISLIKES END -->