raaims/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Playlist UI

⚡ View mockup · Start coding ⚡

Instructions


You have 15 minutes to implement this UI.
Text, colors, and other assets are provided for you.
Some basic CSS is provided for you.
You can search online if you get stuck.
When you're done, Fork the Codepen page and share with us the URL.

Notes


The height of the entire block is 667px.
See the CSS section below for colors and fonts.

Text content

Feel free to copy/paste:
Hard Times 3:02
Rose-Colored Boy 3:32
Told You So 3:08
Forgiveness 3:39
Fake Happy 3:55
26 3:41
Pool 3:52
Grudges 3:07
Caught in the Middle	3:34
Idle Worship 3:18
No Friend 3:23

Images

You may use these images:
https://i.imgur.com/XBVW92P.png
https://i.imgur.com/9jOpgtB.png

CSS

Feel free to copy/paste:
// Colors
$text: #872365;
$white: #FFFFFF;
$pink: #D96B93;

// Font
$font: 'Lato', sans-serif;

// Fonts (Lato)
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

// CSS reset
@import url('https://cdn.jsdelivr.net/npm/sanitize.css@5.0.0/sanitize.css');

html {
  // Start coding here!
}