From 9507db840f55442c842fba4b3b96388875e66080 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 21 Apr 2025 19:27:48 +0500
Subject: [PATCH] first round of mobile adjustments

---
 assets/css/static.css     | 40 ++++++++++++++++++++++++++++++++++-----
 assets/css/static.css.map |  2 +-
 assets/scss/static.scss   | 30 ++++++++++++++++++++++++-----
 3 files changed, 61 insertions(+), 11 deletions(-)

diff --git a/assets/css/static.css b/assets/css/static.css
index a0a0b63..487896d 100644
--- a/assets/css/static.css
+++ b/assets/css/static.css
@@ -90,6 +90,8 @@ p {
     flex-direction: column;
     padding-top: 3rem;
     gap: 2rem;
+    align-items: first baseline;
+    padding-bottom: 0;
   }
 }
 .site-navigation ul.pages-list {
@@ -106,6 +108,11 @@ p {
   justify-content: space-between;
   gap: 1em;
 }
+@media (max-width: 480px) {
+  .site-navigation .action-buttons {
+    display: none;
+  }
+}
 .site-navigation .action-buttons .btn {
   margin-bottom: 0;
 }
@@ -143,7 +150,7 @@ section.hero .hero--container .hero--text h2 {
 }
 @media (max-width: 480px) {
   section.hero .hero--container .hero--text h2 {
-    font-size: 34px;
+    font-size: 32px;
     line-height: 1;
     margin-top: 2rem;
   }
@@ -153,6 +160,11 @@ section.hero .hero--container .hero--text p {
   font-size: 18px;
   max-width: 446px;
 }
+@media (max-width: 480px) {
+  section.hero .hero--container .hero--text p {
+    font-size: 16px;
+  }
+}
 section.hero .hero--container .hero--img {
   grid-column: 4/6;
   width: 100%;
@@ -184,7 +196,9 @@ section.hero .hero--container .hero--img {
 }
 @media (max-width: 480px) {
   .sponsor-logos .container {
-    justify-content: space-around;
+    display: grid;
+    place-items: center;
+    gap: 1.2em;
   }
 }
 .sponsor-logos .container img {
@@ -254,13 +268,17 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
   border-radius: 12px;
   margin-inline: auto;
   margin-block: 36px;
-  max-height: 264px;
 }
 @media (max-width: 480px) {
   section.book-club-examples .book-club-example-cards .book-club-example-card--item {
     flex-direction: column;
   }
 }
+@media (min-width: 1084px) {
+  section.book-club-examples .book-club-example-cards .book-club-example-card--item {
+    max-height: 264px;
+  }
+}
 section.book-club-examples .book-club-example-cards .book-club-example-card--item--img {
   border-radius: 12px;
   border-right: 1px solid #F6F6F8;
@@ -328,7 +346,7 @@ section.testimonial-section .testimonial-cards .testimonial-card--item {
 }
 @media (max-width: 480px) {
   section.testimonial-section .testimonial-cards .testimonial-card--item {
-    padding: 3rem;
+    padding: 1.8rem;
   }
 }
 section.testimonial-section .testimonial-cards .testimonial-card--item .bio {
@@ -346,6 +364,7 @@ section.testimonial-section .testimonial-cards .testimonial-card--item .bio--nam
   max-width: 12ch;
   font-weight: 600;
   font-size: 18px;
+  margin-block-end: 0;
 }
 section.testimonial-section .testimonial-cards .testimonial-card--item--description {
   font-size: 16px;
@@ -371,7 +390,9 @@ section.faq .faq-list .faq--item {
 }
 @media (max-width: 480px) {
   section.faq .faq-list .faq--item {
-    padding-block: 30px;
+    padding-block: 18px;
+    padding-inline: 22px;
+    padding-inline-start: 22px;
   }
 }
 section.faq .faq-list .faq--item:last-of-type {
@@ -395,6 +416,15 @@ section.faq .faq-list .faq--item summary {
 section.faq .faq-list .faq--item summary span {
   margin-left: 16px;
 }
+@media (max-width: 480px) {
+  section.faq .faq-list .faq--item summary span {
+    margin-left: 8px;
+  }
+  section.faq .faq-list .faq--item summary::marker {
+    position: relative;
+    left: -1em;
+  }
+}
 section.faq .faq-list .faq--item[open] summary {
   list-style-type: "-";
 }
diff --git a/assets/css/static.css.map b/assets/css/static.css.map
index 24e0e1d..092d447 100644
--- a/assets/css/static.css.map
+++ b/assets/css/static.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAxFE;EAiFJ;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AA9HA;EA0HF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAhJJ;EA4IE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAzKF;EA+JA;IAaI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AA5LA;EAuLF;IAUI;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAzNA;EAqNF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAzQF;EAiQA;IAE6B;;;AAQ3B;EACE;EACA;EACA;;AA9QJ;EA2QE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AA/RrB;EAwRE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAvTA;EAoTF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAjUF;EA6TA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAEA;;AA/WF;EA0WA;IAI6B;;;AAE3B;EAAiB;;AACjB;EACE;EACA;EAEA;;AArXJ;EAiXE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAIX;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAlZA;EA2YF;IAG6B;;;AAOzB;EAGE;EACA;;AA5ZJ;EAwZE;IAC8B;;;AAtZhC;EAqZE;IAE6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA1cE;EAicJ;IAC8B;;;AA/b1B;EA8bJ;IAE6B;;;AAhczB;EA8bJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA5dF;EAwdA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAhgBF;EA2fA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AA5gBJ;EAogBE;IAG8B;;;AApgBhC;EAigBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAphBJ;EA+gBE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAxFE;EAiFJ;IAUI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AA/GA;EA2GF;IAMI;;;AAEF;EACE;;;AAKN;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AAnIA;EA+HF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AArJJ;EAiJE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EAEA;;AAjKJ;EA6JE;IAG6B;;;AAK/B;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AA/KF;EAqKA;IAaI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAlMA;EA6LF;IAUI;IACA;IACA;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAjOA;EA6NF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AAhRF;EAyQA;IAE6B;;;AA9Q7B;EA4QA;IAQ8B;;;AAE5B;EACE;EACA;EACA;;AAtRJ;EAmRE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AAvSrB;EAgSE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AA/TA;EA4TF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAzUF;EAqUA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAMA;;AA5XF;EAmXA;IAKI;IACA;IACA;;;AAGF;EAAiB;;AACjB;EACE;EACA;EAEA;;AAlYJ;EA8XE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAxYX;EA0YM;IAAO;;EACP;IACE;IACA;;;AAMR;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAtaA;EA+ZF;IAG6B;;;AAOzB;EAGE;EACA;;AAhbJ;EA4aE;IAC8B;;;AA1ahC;EAyaE;IAE6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA9dE;EAqdJ;IAC8B;;;AAnd1B;EAkdJ;IAE6B;;;AApdzB;EAkdJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAhfF;EA4eA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAphBF;EA+gBA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AAhiBJ;EAwhBE;IAG8B;;;AAxhBhC;EAqhBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAxiBJ;EAmiBE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}
\ No newline at end of file
diff --git a/assets/scss/static.scss b/assets/scss/static.scss
index bb4b386..1b2b9e4 100644
--- a/assets/scss/static.scss
+++ b/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;;
+          }
+        }
       }
     }