From 76c2945e0e0862145d9a65c965f39832278ec67c Mon Sep 17 00:00:00 2001 From: Alejandra Zatarain Date: Thu, 8 Jul 2021 19:13:25 -0700 Subject: [PATCH 1/2] =?UTF-8?q?creaci=C3=B3n=20de=20la=20barra=20de=20nave?= =?UTF-8?q?gaci=C3=B3n?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 27 +++++++++++++++++++++++++++ styles/style.css | 30 +++++++++++++++++++++++++++++- 2 files changed, 56 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 4a81684..7d56476 100644 --- a/index.html +++ b/index.html @@ -5,14 +5,41 @@ Spotify Clone + + +
+ +
+ + + + + + +
+
+ + + \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index 68b1e59..89fb54c 100644 --- a/styles/style.css +++ b/styles/style.css @@ -3,4 +3,32 @@ Colors: Text: 1A1A1A Green: #00B172 White: #FFF -*/ \ No newline at end of file +*/ +.container{ + display: flex; + position: fixed; + width: 100vw; + justify-content: space-between; +} + +#Logo img{ + width: 10em; + display: flex; + align-items: baseline; + justify-content: flex-start; +} + +.header--menu ul{ + display: flex; + flex-direction:row; + gap: 40px; + list-style: none; + align-items: baseline; + +} + +.header--menu li a{ + text-decoration: none; + color: #1A1A1A; +} + From 4f16944f891c96826202b99d2046d889699139b1 Mon Sep 17 00:00:00 2001 From: Alejandra Zatarain Date: Mon, 19 Jul 2021 20:11:38 -0700 Subject: [PATCH 2/2] finished spotify clone --- index.html | 19 ++++++++++++++++--- styles/style.css | 46 +++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 61 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 7d56476..3f4b3ed 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,9 @@ Spotify Clone + + + @@ -27,15 +30,25 @@ + + +
+
+

Music for everyone

+

Spotify is now free on mobile, tablet and computer.
+ Listen to the right music, wherever you are. +

+
+
+

What’s on Spotify?

- +