Buzzly Playlist Code

<!---delete this--->
Code by BBelial<br>
feel free to use n abuse this code as you want! <br>
credit and a link back would be nice for others<br>
<br>
for all youtube links, please be sure to not paste the whole link<br>
<br>
for example! <br>
<br>
This is a youtube link || "https://www.youtube.com/watch?v=XfBciD-ScsI"<br>
All you need ||  "XfBciD-ScsI" <br>
Paste this in [link] below and you should be good to go<br>
Have fun!<br>
<br>
"text-black" can be changed to different colors, refer to [>TailwindCSS docs >TYPOGRAPHY >TEXT COLOR] for more<br>
<br>
<br>
<!/---delete this--->

<div class="container mx-auto my-1 px-4">
  <div class="grid grid-cols-6 gap-3">
    <div class="col-span-full bg-opacity-70 rounded-sm p-2 text-black">
       <h4 class="font-semibold tracking-widest text-center uppercase">Playlist</h4>

    <hr class="col-span-full border-double border-t-4 my-0">

    </div>

    <div class="col-span-3 rounded-sm p-4">
      <div class="h-50  text-sm text-gothic text-right text-black px-0">
        <ul class="list-inside list-disc"><div class="text-right">
<p>artist - song</p><br>

<p>artist - song</p><br>

<p>artist - song</p><br>

<p>artist - song</p></ul>
      </div>
    </div>

    <div class="col-span-3  rounded-sm p-4">
      <div class="h-50  text-sm text-justify px-2 text-white ">
        <ul class="list-inside list-disc"><div class="text-right">
<iframe src="https://www.youtube.com/embed/[link]" class="w-5 h-5" frameborder="0"></iframe><br>

<iframe src="https://www.youtube.com/embed/[link]" class="w-5 h-5" frameborder="0"></iframe><br>

 <iframe src="https://www.youtube.com/embed/[link]" class="w-5 h-5" frameborder="0"></iframe><br>

<iframe src="https://www.youtube.com/embed/[link]" class="w-5 h-5" frameborder="0"></iframe>
        </ul>
      </div>
    </div>

 <div class="col-span-full rounded-sm p-0 text-right ">
<a class="text-white" href="https://buzzly.art/~bbelial" rel="nofollow"><i class="fal fa-heart"></i></a><!/------>