From d85c4579a4e08044b5906455bdddf19f72a1af0f Mon Sep 17 00:00:00 2001 From: fercc1097 Date: Fri, 24 Jul 2020 14:34:04 -0500 Subject: [PATCH] Reto terminado --- index.html | 31 ++++++++++++++++++++++++++++ styles.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 91 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..1621e92 --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + + Card Challenge + + + +
+
+ Album Image +
+

Father Ocean

+

Monolink

+

(2018)

+
+
+
+

Rate this album

+
+ + + + + +
+
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..67ef496 --- /dev/null +++ b/styles.css @@ -0,0 +1,60 @@ +img,body{ + margin: 0; + font-family: Arial, Helvetica, sans-serif; + } + + body{ + display: flex; + justify-content: center; + align-items:center ; + } + + p{ + margin: 0; + color: gray; + letter-spacing: 3px; +} + + .card{ + height:285px; + width: 486px; + display: flex; + flex-direction: column; + border: 2px solid gray; + box-shadow: 6px 9px 29px 3px rgba(0,0,0,0.75); + } + .song{ + width: 486px; + height: 175px; + display: flex; + border-bottom: 1px solid gray; + } + .album-cover{ + height: 175px; + } + .song-info{ + width: auto; + margin-left: 30px; + display: flex; + flex-direction: column; + justify-content: center; + + + } + .song-title{ + width: 100%; + margin: 0 0px 16px 0 ; + } + + .rating{ + display: flex; + height: 100%; + justify-content: space-around; + align-items: center; + align-content: center; + } + .rate-star{ + height:30px; + width:30px; + margin: 0px 0px; + } \ No newline at end of file