lab 2 done

newaj1 · Sep 29, 2024 · cc60caf · cc60caf
1 parent f04f2d0
commit cc60caf
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -59,21 +59,23 @@ <h3>Stream Everywhere</h3>
             <div class="green-section-content">
                 <div class="green-section-text">
                     <h2>It's as yeezy as Kanye West. </h2>
-                <hr>
+                    <hr>
                     <div>
                         <h3>Search</h3>
                         <p>Know what you want to listen to? <br>
-                            Just search and hit play. </p>
+                            Just search and hit play.</p>
                     </div>
                     <div>
-                        <h3>Search</h3>
-                        <p>Know what you want to listen to? <br>
-                            Just search and hit play. </p>
+                        <h3>Browse</h3>
+                        <p>Check out the latest charts, <br>
+                            brand new release and great <br>
+                            playlists for right now.</p>
                     </div>
                     <div>
-                        <h3>Search</h3>
-                        <p>Know what you want to listen to? <br>
-                            Just search and hit play. </p>
+                        <h3>Discover</h3>
+                        <p>Enjoy new music every monday <br>
+                            with your own personal playlist. <br>
+                            Or sit back and enjoy Radio.</p>
                     </div>
                 </div>
                 <div class="spotify-icon">

diff --git a/style.css b/style.css
@@ -7,7 +7,7 @@ body {
     padding: 10px;
     display: flex;
     justify-content: space-between;
-    height: 100px;
+    height: 50px;
 }
 
 .navbar a {
@@ -33,7 +33,7 @@ body {
 
 .header {
     background-image: url(images/landing.jpg);
-    padding: 500px 0px;
+    padding: 150px 0px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
@@ -44,23 +44,28 @@ body {
     text-align: center;
 }
 
+/* header end */
+
+/* about section start */
+
 .info {
     text-align: center;
 }
 
 .info h2 {
-    font-size: 50px;
+    font-size: 20px;
     margin-bottom: 0px;
 }
 
 .info-header hr {
-    width: 300px;
+    width: 150px;
     height: 3px;
     background-color: #13b36b;
     border: none;
 }
 
 .info-content {
+    padding-top: 30px;
     display: flex;
     justify-content: space-around;
     color: #000;
@@ -72,10 +77,10 @@ body {
 }
 
 .info img {
-    width: 100px;
+    width: 50px;
 }
 
-/* header end */
+/* about section end */
 
 /* green section start */