MODULAR: PLAYLIST 1.1

<!-- PLAYLIST START
Please for the love of god don't do just one song or try to replace the embed. Will break.-->
<div class="row">
  <!-- VIDEO START -->
  <div class="col p-2">
    <div class="p-2 bg-dark h-100" style="background: url(IMG HERE);
                                          background-size: cover;
                                          background-position: center;
                                          background-attachment: fixed;">
      <table style="height: 100%; border-width: 3px; width:100%;">
        <tbody>
          <tr>
            <td class="align-middle text-center">
              <!-- YOUTUBE EMBED START
If you want to change the video height you can here, just know that it's that height on all screen sizes.
Don't touch the width unless u want it to break.-->
              <iframe style="border-radius:0rem;width:90%;height:200px;" frameborder="0"
                      src="https://www.youtube.com/embed/videoseries?list= ">
                <!-- HOW TO ADD YOUR PLAYLIST
1) Go to the playlist. If you go directly into a video click the title on the side.
It should look like this:
https://cdn.discordapp.com/attachments/682715826910003211/721256686324547634/unknown.png
2) On the url copy everything after " list= "
3) Paste that string of random symbols to the end of the url above.
4) You should be good! Congrats!-->
              </iframe>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!-- VIDEO END -->
  <!-- TRACKLIST START -->
  <div class="col-xl-8 col-l-8 col-md-8 col-s-12 col-xs-12 p-2 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;">
        Playlist
      </div>
      <hr class="bg-white w-100">
      <div class="table-responsive p-1">
        <p>
          <!-- LIST CODE START
Indented bullet points:
    <ul><li>Item</li></ul>
-->
        <ul>
          <li>
            <i>"If you want to have cities, You've Got To Build Roads."</i>
            <ul><li>Comanche - <i>CAKE</i></li></ul>
          </li>
          <li>"Special Lyric"
            <ul><li>Song - <i>Artist</i> </li></ul>
          </li>
          <li>Or maybe just song - artist</li>
          <li>Up to you!</li>
        </ul>
        <!-- LIST CODE END -->
        You could even do a description of the story that the playlist or song is taking you through, that's neat. Do know this expands but doesn't scroll. The box will grow to match it but doesn't shrink to match it. If you don't want this plain text just delete it easy peasy.
        </p>
    </div>
  </div>
</div>
<!-- TRACKLIST END -->
</div>
<!-- PLAYLIST END -->