spacing and hirarchy

Author: rameskum

practice/05 - Design/style.css

@@ -35,7 +35,7 @@ body {
 
 header,
 section {
-    margin-bottom: 48px;
+    margin-bottom: 96px;
 }
 
 h2 {
@@ -90,15 +90,15 @@ header {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     column-gap: 80px;
-    margin-top: 48px;
+    margin-top: 64px;
 }
 
 .header-text-box {
     align-self: center;
 }
 
 h1 {
-    margin-bottom: 24px;
+    margin-bottom: 32px;
     font-size: 44px; /* 44 / 52 / 62 */
     line-height: 1.1;
     letter-spacing: -1px;
@@ -120,7 +120,7 @@ img {
     stroke: #087f5b;
     height: 32px;
     width: 32px;
-    margin-bottom: 16px;
+    margin-bottom: 24px;
 }
 
 .features-title {
@@ -156,6 +156,11 @@ img {
     margin-bottom: 24px;
     font-size: 18px;
     line-height: 1.7;
+    color: #e6fcf5;
+}
+
+.testimonial-author {
+    color: #c3fae8;
 }
 
 /* CHAIRS */
@@ -170,7 +175,7 @@ img {
 }
 
 .chair-box {
-    padding: 24px;
+    padding: 32px;
 }
 
 h3 {
@@ -180,14 +185,14 @@ h3 {
 
 .chair-details {
     list-style: none;
-    margin-bottom: 24px;
+    margin-bottom: 48px;
 }
 
 .chair-details li {
     display: flex;
     align-items: center;
     gap: 12px;
-    margin-bottom: 24px;
+    margin-bottom: 16px;
 }
 
 .chair-details li:last-child {
@@ -204,6 +209,7 @@ h3 {
     display: flex;
     justify-content: space-between;
     font-size: 20px;
+    align-items: center;
 }
 
 footer {