Implementing whitespace and visual hierarchy

Author: GulsahDuzgun

starter/05-Design/style.css

@@ -33,7 +33,7 @@ body {
 
 header,
 section {
-  margin-bottom: 48px;
+  margin-bottom: 80px;
 }
 
 h2 {
@@ -57,7 +57,7 @@ header {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 80px;
-  margin-top: 48px;
+  margin-top: 64px;
 }
 
 .header-text-box {
@@ -66,7 +66,7 @@ header {
 
 h1 {
   /*Büyük beşlıklarda font küçültülüp letter spacing azaltılabilir*/
-  margin-bottom: 24px;
+  margin-bottom: 32px;
   font-size: 46px;
   line-height: 1.1;
   letter-spacing: -1px;
@@ -104,6 +104,7 @@ img {
 .features-icon {
   stroke: #087f5b;
   width: 32px;
+  margin-bottom: 24px;
 }
 
 .features-title {
@@ -139,6 +140,11 @@ img {
   margin-bottom: 24px;
   font-size: 18px;
   line-height: 1.7;
+  color: #e6fcf5;
+}
+
+testimonial-author {
+  color: #c3fae8;
 }
 
 /* CHAIRS */
@@ -153,7 +159,7 @@ img {
 }
 
 .chair-box {
-  padding: 24px;
+  padding: 32px;
 }
 
 h3 {
@@ -162,14 +168,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 {
@@ -187,6 +193,7 @@ h3 {
   display: flex;
   justify-content: space-between;
   font-size: 20px;
+  align-items: center;
 }
 
 .btn--big {