MODULAR: List L 1.0

<!-- MISC LIST L START
Indented bullet points:
    <ul><li>Item</li></ul>
-->
<div class="row">
  <!-- LIST START -->
  <div class="col-lg-9 col-xs-10 col-md-10 col-10 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;">
        Trivia
      </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>
<!-- LIST END -->
<!-- SPLASH START -->
<div class="col-lg-3 col-xs-2 col-md-2 col-2 p-2">
  <div class="p-2 bg-dark h-100" style="background: url(IMG HERE);
                                        background-size: cover;
                                        background-position: center;
                                        background-attachment: fixed;">
  </div>
</div>
<!-- SPLASH END -->
</div>
<!-- MISC LIST L END -->