Skip to content

Commit

Permalink
design
Browse files Browse the repository at this point in the history
  • Loading branch information
@linder3hs
linder3hs committed Feb 29, 2024
1 parent aed3273 commit f60261d
Showing 1 changed file with 21 additions and 21 deletions.
42 changes: 21 additions & 21 deletions semana-4/challenges/spotify/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -187,63 +187,63 @@ <h4 class="font-bold text-base">Linder Hassinger</h4>
<a class="text-[#1DB954]" href="">See All</a>
</div>
<div class="mt-3 flex flex-col gap-5">
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/music.svg" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Perfect</p>
<p class="text-xs text-[#ADADAD] font-thin">Ed Sheeran</p>
</div>
<p class="text-xs">2min ago</p>
<p class="text-xs flex-1 w-[60px]">2min ago</p>
</div>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/roman.png" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Roman Picisan</p>
<p class="text-xs text-[#ADADAD] font-thin">
Hanin Dhiy, Ah...
</p>
</div>
<p class="text-xs">8min ago</p>
<p class="text-xs flex-1 w-[60px]">8min ago</p>
</div>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/title.png" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Title (Deluxe)</p>
<p class="text-xs text-[#ADADAD] font-thin">Meghan trainor</p>
</div>
<p class="text-xs">1hr ago</p>
<p class="text-xs flex-1 w-[60px]">1hr ago</p>
</div>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/shiver.png" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Shiver</p>
<p class="text-xs text-[#ADADAD] font-thin">Ed Sheeran</p>
</div>
<p class="text-xs">4hr ago</p>
<p class="text-xs flex-1 w-[60px]">4hr ago</p>
</div>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/feel.png" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Feel Something</p>
<p class="text-xs text-[#ADADAD] font-thin">Jaymes Young</p>
</div>
<p class="text-xs">5hr ago</p>
<p class="text-xs flex-1 w-[60px]">5hr ago</p>
</div>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/music.svg" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Shape of You</p>
<p class="text-xs text-[#ADADAD] font-thin">Ed Sheeran</p>
</div>
<p class="text-xs">12hr ago</p>
<p class="text-xs flex-1 w-[60px]">12hr ago</p>
</div>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<img width="44" src="./assets/images/shiver.png" alt="" />
<div>
<div class="flex-[1.3]">
<p class="text-sm">Bad Habits</p>
<p class="text-xs text-[#ADADAD] font-thin">Ed Sheeran</p>
</div>
<p class="text-xs">14hr ago</p>
<p class="text-xs flex-1 w-[60px]">14hr ago</p>
</div>
</div>
</div>
Expand Down

0 comments on commit f60261d

Please sign in to comment.