From 88d039b6b471920282c51cf7c76c1c9737fcef46 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 16 Mar 2025 12:40:13 +0200
Subject: [PATCH] update mobile size

---
 templates/partials/media/founders.html   | 28 ++++++++++++------------
 templates/partials/media/hero.html       |  2 +-
 templates/partials/media/milestones.html |  2 +-
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/templates/partials/media/founders.html b/templates/partials/media/founders.html
index e297e9e08..3d441c781 100644
--- a/templates/partials/media/founders.html
+++ b/templates/partials/media/founders.html
@@ -3,18 +3,18 @@
       <h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl visible">Founders & Key Voices</h2>
   </div>
 
-    <section class="lg:max-w-7xl mx-auto py-12 flex items-center justify-center isolate overflow-hidden">
-      <div class="flex lg:flex-row items-center">
+    <section class="max-w-7xl px-4 mx-auto py-12 flex items-center justify-center isolate overflow-hidden">
+      <div class="flex flex-col lg:flex-row items-center">
         <!-- Left Content -->
-        <div class="w-full lg:w-1/2 flex justify-center">
+        <div class="w-full w-full lg:w-1/2 flex justify-center">
           <img src="/images/people/kristof_de_spiegeleer.jpeg" alt="AIBox Specifications" 
-               class="blinking-effect w-2/3 rounded-lg grayscale">
+               class="w-full lg:w-2/3 rounded-lg grayscale">
         </div>       
       
         <!-- Right Content -->
-        <div class="w-full lg:w-1/2 lg:text-left">
-          <div class="flex items-center gap-3">
-            <h2 class="text-balance font-bold tracking-tight text-white text-4xl fade-in">
+        <div class="w-full lg:mt-0 mt-6 lg:w-1/2 lg:text-left">
+          <div class="flex items-center gap-3 fade-in">
+            <h2 class="text-balance font-bold tracking-tight text-white text-xl lg:text-4xl">
               KRISTOF DE SPIEGELEER
             </h2>
             <a href="https://www.linkedin.com/in/despiegk/" target="_blank" 
@@ -24,25 +24,25 @@
               </svg>
             </a>
           </div>
-          <p class="mx-auto text-pretty text-2xl font-medium text-gray-200 fade-in">Co-Founder & CEO</p>
+          <p class="mx-auto text-pretty text-lg lg:text-2xl font-medium text-gray-200 fade-in">Co-Founder & CEO</p>
           <p class="mx-auto mt-6 text-pretty text-base font-normal text-gray-200 fade-in">
             is a serial entrepreneur with 30+ years of experience in Internet infrastructure and cloud technology, holding multiple patents and world records in storage and automation solutions used by industry giants like Oracle, Verizon, and Western Digital. He has founded over ten companies, with seven successful exits totaling over $600M. A pioneer in building the Internet and data center business in Europe, Kristof is now focused on creating a decentralized, sovereign Internet through ThreeFold. Guided by a belief that doing good for the world and delivering investor returns can coexist, he champions respect, transparency, and innovation in every venture. Kristof has previously spoken at Davos.
           </p>
         </div>
       </div>  
     </section>
-    <section class="lg:max-w-7xl mx-auto py-12 flex items-center justify-center isolate overflow-hidden">
-      <div class="flex lg:flex-row items-center ">
+    <section class="max-w-7xl px-4 mx-auto py-12 flex items-center justify-center isolate overflow-hidden">
+      <div class="flex flex-col lg:flex-row items-center ">
           
           <!-- Left Content -->
           <div class="w-full lg:w-1/2 flex justify-center">
-            <img src="/images/people/florian_fournier.jpeg" alt="AIBox Specifications" class="blinking-effect w-2/3 rounded-lg grayscale">
+            <img src="/images/people/florian_fournier.jpeg" alt="AIBox Specifications" class="w-full lg:w-2/3 rounded-lg grayscale">
           </div> 
      
           <!-- Right Image -->
-          <div class="w-full lg:w-1/2 lg:text-left">
-            <div class="flex items-center gap-3">
-              <h2 class="text-balance font-bold tracking-tight text-white text-4xl fade-in">
+          <div class="w-full lg:mt-0 mt-6 lg:w-1/2 lg:text-left">
+            <div class="flex items-center gap-3 fade-in">
+              <h2 class="text-balance font-bold tracking-tight text-white text-2xl lg:text-4xl">
                 FLORIAN FOURNIER
               </h2>
               <a href="https://www.linkedin.com/in/florianfournier/" target="_blank" 
diff --git a/templates/partials/media/hero.html b/templates/partials/media/hero.html
index 6db1d0825..941bee5f4 100644
--- a/templates/partials/media/hero.html
+++ b/templates/partials/media/hero.html
@@ -1,4 +1,4 @@
-<section class="flex items-center justify-center isolate overflow-hidden lg:h-screen">
+<section class="flex items-center justify-center isolate overflow-hidden h-auto lg:h-screen">
     <div class="mt-10 lg:mt-1 max-w-7xl mx-auto px-6 lg:px-16 flex flex-col-reverse lg:flex-row items-center ">
         
         <!-- Left Content -->
diff --git a/templates/partials/media/milestones.html b/templates/partials/media/milestones.html
index 54d1dedb2..4f6c090f8 100644
--- a/templates/partials/media/milestones.html
+++ b/templates/partials/media/milestones.html
@@ -1,4 +1,4 @@
-<section class="text-white pb-12 lg:pb-20">
+<section class="text-white py-12 lg:pb-20">
     <div class="mx-auto max-w-7xl px-4 sm:px-6">
         <div class="">
             {# <p class="text-sm font-bold uppercase tracking-widest text-gray-200">How It Works</p> #}