From 38b3b383ea55142cae09cab2e7f64bfc5c974082 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Toma=CC=81s=20Siegfried?= <tsiegfried@40q.agency>
Date: Thu, 14 Mar 2024 11:38:16 -0300
Subject: [PATCH 1/3] Stats Block Responsive - add fixes to Stats & Text Image
 block

---
 resources/views/blocks/stats.blade.php      | 10 +++++-----
 resources/views/blocks/text-image.blade.php |  2 +-
 tailwind.config.ts                          |  6 +++++-
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/resources/views/blocks/stats.blade.php b/resources/views/blocks/stats.blade.php
index 3033c02..9a1a491 100644
--- a/resources/views/blocks/stats.blade.php
+++ b/resources/views/blocks/stats.blade.php
@@ -1,10 +1,10 @@
-<section class="stats-block flex py-16 justify-center">
+<section class="stats-block flex pb-17 pt-4 lg:py-16 justify-center">
     <div class="container">
-        <div class="grid grid-cols-4 gap-6">
+        <div class="flex flex-col gap-6 sm:grid sm:grid-cols-2 sm:gap-8 xl:grid-cols-4 lg:gap-6">
             @foreach ($stats as $stat)
-                <div class="flex gap-4 items-center">
-                    <h2 class="text-primary-dark text-5xl font-normal !whitespace-nowrap">{!! $stat['statNumber'] !!}</h2>
-                    <p class="text-lg font-bold leading-5 !whitespace-nowrap">{!! $stat['statName'] !!}</p>
+                <div class="flex gap-4 md:justify-center items-center">
+                    <h2 class="text-primary-dark text-5xl sm:text-4xl md:text-5xl font-normal !whitespace-nowrap">{!! $stat['statNumber'] !!}</h2>
+                    <p class="text-lg sm:text-base md:text-lg font-bold leading-5 !whitespace-nowrap">{!! $stat['statName'] !!}</p>
                 </div>
             @endforeach
         </div>
diff --git a/resources/views/blocks/text-image.blade.php b/resources/views/blocks/text-image.blade.php
index 3bb0d64..a1547d3 100644
--- a/resources/views/blocks/text-image.blade.php
+++ b/resources/views/blocks/text-image.blade.php
@@ -9,7 +9,7 @@
                     </div>
                 </div>
             @endif
-            <div class="max-md:px-4 lg:w-1/2 relative z-50 text-white flex flex-col items-start md:items-center justify-center lg:justify-start lg:items-start gap-3 lg:gap-4">
+            <div class="max-lg:container max-md:px-4 lg:w-1/2 relative z-50 text-white flex flex-col items-start md:items-center justify-center lg:justify-start lg:items-start gap-3 lg:gap-4">
                 <x-section-header containerClasses="text-start md:text-center lg:text-start lg:w-auto" 
                     eyebrowClasses="max-md:leading-none text-primary-dark max-md:uppercase" 
                     headingClasses="text-text max-md:text-3xxl max-md:font-medium max-md:leading-tight tracking-tight md:tracking-wider max-md:uppercase" 
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 38781e5..e2c8e35 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -58,7 +58,7 @@ export default {
     },
     extend: {
       screens: {
-        '2xl': '1536px',
+        '2xl': '1440px',
       },
       fontSize: {
         "3xxl": "2rem",
@@ -108,6 +108,10 @@ export default {
             padding: '0',
           },
           '@screen xl': {
+            maxWidth: '1140px',
+            padding: '0',
+          },
+          '@screen 2xl': {
             maxWidth: '1304px',
             padding: '0',
           },

From 9ad0e2e66c36cf1e9a58886b140fb1cccf794188 Mon Sep 17 00:00:00 2001
From: Maximo Martinez Soria
 <43972710+maximomartinezsoria@users.noreply.github.com>
Date: Thu, 14 Mar 2024 12:49:31 -0300
Subject: [PATCH 2/3] Update text-image.blade.php

---
 resources/views/blocks/text-image.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/blocks/text-image.blade.php b/resources/views/blocks/text-image.blade.php
index a1547d3..065c893 100644
--- a/resources/views/blocks/text-image.blade.php
+++ b/resources/views/blocks/text-image.blade.php
@@ -9,7 +9,7 @@
                     </div>
                 </div>
             @endif
-            <div class="max-lg:container max-md:px-4 lg:w-1/2 relative z-50 text-white flex flex-col items-start md:items-center justify-center lg:justify-start lg:items-start gap-3 lg:gap-4">
+            <div class="container lg:w-1/2 relative z-50 text-white flex flex-col items-start md:items-center justify-center lg:justify-start lg:items-start gap-3 lg:gap-4">
                 <x-section-header containerClasses="text-start md:text-center lg:text-start lg:w-auto" 
                     eyebrowClasses="max-md:leading-none text-primary-dark max-md:uppercase" 
                     headingClasses="text-text max-md:text-3xxl max-md:font-medium max-md:leading-tight tracking-tight md:tracking-wider max-md:uppercase" 
@@ -22,4 +22,4 @@
             </div>
         </div>
     </div>
-</section>
\ No newline at end of file
+</section>

From 8d282d039c07333724cf19c22ba65128d6a18da8 Mon Sep 17 00:00:00 2001
From: Maximo Martinez Soria
 <43972710+maximomartinezsoria@users.noreply.github.com>
Date: Thu, 14 Mar 2024 12:50:05 -0300
Subject: [PATCH 3/3] Update tailwind.config.ts

---
 tailwind.config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index e2c8e35..ef6ea9b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -58,7 +58,7 @@ export default {
     },
     extend: {
       screens: {
-        '2xl': '1440px',
+        '2xl': '1536px',
       },
       fontSize: {
         "3xxl": "2rem",