first round of mobile adjustments

assets/scss/static.scss

@@ -97,6 +97,8 @@ p {
     flex-direction: column;
     padding-top: 3rem;
     gap: 2rem;
+    align-items: first baseline;
+    padding-bottom: 0;
   }
 
   ul.pages-list {
@@ -113,6 +115,9 @@ p {
     align-items: center;
     justify-content: space-between;
     gap: 1em;
+    @include respond(mobile) {
+      display: none;
+    }
     .btn {
       margin-bottom: 0;
     }
@@ -149,7 +154,7 @@ section.hero {
         font-weight: 400;
         max-width: 385px;
         @include respond(mobile) { 
-          font-size: 34px; 
+          font-size: 32px; 
           line-height: 1;
           margin-top: 2rem;
         } 
@@ -158,6 +163,7 @@ section.hero {
       p {
         font-family: var(wp--preset--font-family--sora);
         font-size: 18px;
+        @include respond(mobile) { font-size: 16px; }
         max-width: 446px;
       }
     }
@@ -196,7 +202,9 @@ section.hero {
     // row-gap: 1rem;
 
     @include respond(mobile) {
-      justify-content: space-around;
+      display: grid;
+      place-items: center;
+      gap: 1.2em;
     }
     img { transform: scale(0.67) }
   }
@@ -268,7 +276,7 @@ section.book-club-examples {
       border-radius: 12px;
       margin-inline: auto;
       margin-block: 36px;
-      max-height: 264px;
+      @include respond(desktop) { max-height: 264px; }
   
       &--img {
         border-radius: 12px;
@@ -327,7 +335,7 @@ section.testimonial-section {
       max-width: 446px;
 
       @include respond(mobile) {
-        padding: 3rem;
+        padding: 1.8rem;
       }
 
       .bio {
@@ -344,6 +352,7 @@ section.testimonial-section {
           max-width: 12ch;
           font-weight: 600;
           font-size: 18px;
+          margin-block-end: 0;
         }
       }
 
@@ -369,7 +378,11 @@ section.faq {
       padding-inline: 60px;
       padding-inline-start: calc(60px - 16px);
       padding-block: 45px;
-      @include respond(mobile) { padding-block: 30px; }
+      @include respond(mobile) { 
+        padding-block: 18px;
+        padding-inline: 22px;
+        padding-inline-start: 22px;
+      }
       border-bottom: 1px solid;
       &:last-of-type { border-bottom: none; }
       .answer {
@@ -383,6 +396,13 @@ section.faq {
         font-weight: 600;
         list-style-type: '+';
         span { margin-left: 16px; }
+        @include respond(mobile) {
+          span { margin-left: 8px; }
+          &::marker { 
+            position: relative;
+            left: -1em;;
+          }
+        }
       }
     }