green section done

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

Hide file tree

Showing 2 changed files with 44 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -57,9 +57,9 @@ <h3>Stream Everywhere</h3>
         </section>
         <section id="green-section" class="container">
             <div class="green-section-content">
-                <h2>It's as yeezy as Kanye West. </h2>
-                <hr>
                 <div class="green-section-text">
+                    <h2>It's as yeezy as Kanye West. </h2>
+                <hr>
                     <div>
                         <h3>Search</h3>
                         <p>Know what you want to listen to? <br>

diff --git a/style.css b/style.css
@@ -39,39 +39,39 @@ body {
     background-repeat: no-repeat;
 }
 
-.header-text{
+.header-text {
     color: white;
     text-align: center;
 }
 
-.info{
+.info {
     text-align: center;
 }
 
-.info h2{
+.info h2 {
     font-size: 50px;
     margin-bottom: 0px;
 }
 
-.info-header hr{
-    width:300px;
+.info-header hr {
+    width: 300px;
     height: 3px;
     background-color: #13b36b;
     border: none;
 }
 
-.info-content{
+.info-content {
     display: flex;
     justify-content: space-around;
     color: #000;
 }
 
-.info-content h3{
+.info-content h3 {
     color: #13b36b;
     font-weight: 900;
 }
 
-.info img{
+.info img {
     width: 100px;
 }
 
@@ -80,22 +80,47 @@ body {
 /* green section start */
 
 .container {
-    margin: 0px 15px;
     background-color: #13b36b;
-    padding: 100px 0px;
+    padding: 30px 0px;
+    margin: 0px 20px;
+}
+
+.green-section-content {
     display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
-.green-section-content{
-
+.green-section-text {
+    color: white;
 }
 
-.container h2{
+.green-section-text p {
+    font-size: 10px;
+}
+
+.container h2 {
     color: white;
     text-align: center;
-    margin-bottom: 20px;
+    margin: 0px;
+    font-size: 20px;
+}
+
+.spotify-icon img {
+    width: 60px;
+    margin-right: 40px;
+}
+
+.spotify-app img {
+    width: 150px;
+    height: 300px;
+}
+
+.green-section-text hr {
+    width: 240px;
+    height: 3px;
+    background-color: white;
+    border: none;
 }
 
-#green-section img{
- width: 30px;
-}
+/* green section end */