From 11ae7b897e834b0727030788c3fca886450746d5 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 30 Apr 2025 16:56:13 +0500
Subject: [PATCH] adjust book club landing page for ipad

---
 assets/css/static.css     | 48 ++++++++++++++++++++++++++++++++++++++-
 assets/css/static.css.map |  2 +-
 assets/scss/static.scss   | 36 ++++++++++++++++++++++++++++-
 3 files changed, 83 insertions(+), 3 deletions(-)

diff --git a/assets/css/static.css b/assets/css/static.css
index 62eee6b..095d370 100644
--- a/assets/css/static.css
+++ b/assets/css/static.css
@@ -36,6 +36,11 @@ body {
     padding-inline: 3rem;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  .container {
+    padding-inline: 3rem;
+  }
+}
 
 a {
   color: var(--foreground-text);
@@ -146,6 +151,13 @@ section.hero .hero--container {
     padding: 3rem;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.hero .hero--container {
+    display: flex;
+    flex-direction: column;
+    padding-inline: 3rem;
+  }
+}
 section.hero .hero--container .hero--text {
   grid-column: 2/4;
   display: flex;
@@ -165,8 +177,15 @@ section.hero .hero--container .hero--text h2 {
     margin-top: 2rem;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.hero .hero--container .hero--text h2 {
+    font-size: 32px;
+    line-height: 1;
+    margin-top: 2rem;
+  }
+}
 section.hero .hero--container .hero--text p {
-  font-family: var(wp--preset--font-family--sora);
+  font-family: var(--wp--preset--font-family--sora);
   font-size: 18px;
   max-width: 446px;
 }
@@ -192,6 +211,13 @@ section.hero .hero--container .hero--img {
     border-right: 1px solid;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.hero .hero--container .hero--img {
+    order: -1;
+    border-radius: 12px;
+    border-right: 1px solid;
+  }
+}
 
 .sponsor-logos {
   padding-top: 78px;
@@ -209,6 +235,11 @@ section.hero .hero--container .hero--img {
   justify-content: space-between;
   align-items: center;
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  .sponsor-logos .container {
+    justify-content: center;
+  }
+}
 @media (max-width: 480px) {
   .sponsor-logos .container {
     display: grid;
@@ -244,6 +275,11 @@ section.pitch .pitch--cards {
   grid-template-columns: repeat(3, 300px);
   gap: 16px;
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.pitch .pitch--cards {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
 @media (max-width: 480px) {
   section.pitch .pitch--cards {
     grid-template-columns: 1fr;
@@ -503,6 +539,11 @@ section.book-club-benefits .benefit-cards .benefit-card--item img {
     width: 100%;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.book-club-benefits .benefit-cards .benefit-card--item img {
+    width: 100%;
+  }
+}
 section.book-club-benefits .benefit-cards .benefit-card--item p {
   max-width: 289px;
   margin-inline: auto;
@@ -551,6 +592,11 @@ footer.somos-infinitos-footer {
     padding-inline: 3rem;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  footer.somos-infinitos-footer {
+    padding-inline: 3rem;
+  }
+}
 @media (max-width: 480px) {
   footer.somos-infinitos-footer {
     background-size: cover;
diff --git a/assets/css/static.css.map b/assets/css/static.css.map
index e3c9f5d..b83bd50 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;;AAVE;EAGJ;IAUI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAlCE;EAgCJ;IAII;;;;AAIJ;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;;AA9FE;EAuFJ;IAUI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AArHA;EAiHF;IAMI;;;AAEF;EACE;;;AAKN;EACE;;AAhIE;EA+HJ;IAGI;;;;AAIJ;EACE;;AACA;EAEE;EACA;EACA;;AA5IA;EAwIF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA9JJ;EA0JE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EAEA;;AA1KJ;EAsKE;IAG6B;;;AAK/B;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAxLF;EA8KA;IAaI;IACA;IACA;;;;AAMR;EACE;EAIA;;AAxME;EAmMJ;IAGI;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AA9MA;EAyMF;IAQI;IACA;IACA;IACA;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAtOA;EA8NF;IAG4B;;;AAQ5B;EACE;EACA;EAEA;;AA7OA;EAyOF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;;AAnQJ;EA8PE;IAG6B;;;;AAQnC;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AA7RF;EAsRA;IAE6B;;;AA3R7B;EAyRA;IAQ8B;;;AAE5B;EACE;EACA;EACA;;AAnSJ;EAgSE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EACE;;AAnTN;EAkTI;IAGI;;;AAGJ;EAAS;;AACT;EAAiB;;AAzTrB;EA6SE;IAcI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAjVA;EA8UF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AA3VF;EAuVA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AApXJ;EAmXE;IAGI;;;;AAOV;EACE;;AA9XE;EA6XJ;IAGI;;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAMA;;AApZF;EA2YA;IAKI;IACA;IACA;;;AAGF;EAAiB;;AACjB;EACE;EACA;EAEA;;AA1ZJ;EAsZE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAhaX;EAkaM;IAAO;;EACP;IACE;IACA;;;AAMR;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AA9bA;EAubF;IAG6B;;;AAOzB;EAGE;EACA;;AAxcJ;EAocE;IAC8B;;;AAlchC;EAicE;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;;AAtfE;EA6eJ;IAC8B;;;AA3e1B;EA0eJ;IAE6B;;;AA5ezB;EA0eJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAxgBF;EAogBA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AA5iBF;EAuiBA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AAxjBJ;EAgjBE;IAG8B;;;AAhjBhC;EA6iBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAhkBJ;EA2jBE;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":"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","file":"static.css"}
\ No newline at end of file
diff --git a/assets/scss/static.scss b/assets/scss/static.scss
index c3d3dce..2dc8dc0 100644
--- a/assets/scss/static.scss
+++ b/assets/scss/static.scss
@@ -2,9 +2,15 @@
   @if($breakpoint == desktop)  {
     @media (min-width: 1084px) { @content }
   }
+  
+  @if($breakpoint == tablet)  {
+    @media (min-width: 481px) and (max-width: 1083px) { @content }
+  }  
+  
   @if($breakpoint == mobile)  {
     @media (max-width: 480px) { @content }
   }
+  
 }
 :root {
   --background: #040810;
@@ -41,6 +47,10 @@ body {
   @include respond(mobile) { 
     padding-inline: 3rem; 
   }
+
+  @include respond(tablet) {
+    padding-inline: 3rem;
+  }
 }
 
 a {
@@ -150,6 +160,12 @@ section.hero {
       flex-direction: column;
       padding: 3rem;
     }
+
+    @include respond(tablet) {
+      display: flex;
+      flex-direction: column;
+      padding-inline: 3rem;
+    }
     
     .hero--text {
       grid-column: 2 / 4;
@@ -166,11 +182,17 @@ section.hero {
           font-size: 32px; 
           line-height: 1;
           margin-top: 2rem;
+        }
+
+        @include respond(tablet) { 
+          font-size: 32px; 
+          line-height: 1;
+          margin-top: 2rem;
         } 
       }
   
       p {
-        font-family: var(wp--preset--font-family--sora);
+        font-family: var(--wp--preset--font-family--sora);
         font-size: 18px;
         @include respond(mobile) { font-size: 16px; }
         max-width: 446px;
@@ -194,6 +216,12 @@ section.hero {
         border-radius: 12px;
         border-right: 1px solid;
       }
+
+      @include respond(tablet) {
+        order: -1;
+        border-radius: 12px;
+        border-right: 1px solid;
+      }
     }
   }
 }
@@ -210,6 +238,9 @@ section.hero {
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
+    @include respond(tablet) {
+      justify-content: center;
+    }
 
     @include respond(mobile) {
       display: grid;
@@ -239,6 +270,7 @@ section.pitch {
   .pitch--cards {
     display: grid;
     grid-template-columns: repeat(3, 300px);
+    @include respond(tablet) { grid-template-columns: repeat(3, 1fr); }
     @include respond(mobile) { grid-template-columns: 1fr; }
     gap: 16px; 
 
@@ -455,6 +487,7 @@ section.book-club-benefits {
       img {
         @include respond(desktop) { max-width: 215px; }
         @include respond(mobile) { width: 100%; }
+        @include respond(tablet) { width: 100%; }
         border: 1px solid var(--foreground-text);
         border-radius: 12px;
       }
@@ -496,6 +529,7 @@ section.book-club-benefits {
 footer.somos-infinitos-footer {
   @include respond(desktop) { padding-inline: 114px; }
   @include respond(mobile) { padding-inline: 3rem; }
+  @include respond(tablet) { padding-inline: 3rem; }
   padding-top: 73px;
   margin-top: 200px;
   padding-bottom: 150px;