From fdacb1f11ba6a1e29cfb103f6ad10e73b1200433 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Fri, 22 Nov 2024 14:08:30 +0100
Subject: [PATCH] edit responsiveness

---
 templates/partials/why/hero.html     |  6 +++---
 templates/partials/why/reason.html   | 10 +++++-----
 templates/partials/why/timeline.html |  4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/templates/partials/why/hero.html b/templates/partials/why/hero.html
index 6bde4697d..fbb352acc 100644
--- a/templates/partials/why/hero.html
+++ b/templates/partials/why/hero.html
@@ -1,9 +1,9 @@
 <div class="relative isolate overflow-hidden bg-transparent">
     <div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-4xl text-center">
-        <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-3xl fade-in">The Internet needs an Upgrade</h2>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original purpose. The Internet was envisioned as a decentralized, open space—a tool for freedom, collaboration, and equal access for all.</p>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network  and Cloud system<br> 
+        <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">The Internet needs an Upgrade</h2>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original purpose. The Internet was envisioned as a decentralized, open space—a tool for freedom, collaboration, and equal access for all.</p>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network  and Cloud system<br> 
           as an Engine for an Upgraded Internet.</p>
         <div class="mt-12 flex items-center justify-center gap-x-6">
           
diff --git a/templates/partials/why/reason.html b/templates/partials/why/reason.html
index 05cb55467..4236c9dae 100644
--- a/templates/partials/why/reason.html
+++ b/templates/partials/why/reason.html
@@ -4,8 +4,8 @@
             <!-- Left Content -->
             <div class="lg:col-span-7">
                 <div class="mx-auto max-w-2xl lg:mx-0">
-                    <h1 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl">The Reason Behind It All</h1>
-                    <p class="fade-in mt-6 text-lg font-light text-white">
+                    <h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Reason Behind It All</h1>
+                    <p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
                         The Internet started as a peer-to-peer network, but over time it has become fragile and overly centralized. This shift has led to serious issues: misinformation is rampant, privacy and security are compromised, and half the world remains poorly connected.
                         <br><br>
                         Big tech companies now dominate the Internet, tracking our activities and influencing our decisions, consolidating control in ways that don't serve everyone equally...
@@ -17,12 +17,12 @@
             <!-- Right Blockquote -->
             <div class="lg:col-span-5">
                 <figure class=" mt-6 pl-8">
-                    <blockquote class=" text-2xl text-white fade-in font-semibold">
-                        <p class="text-2xl text-white font-semibold">Therefore we believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</p>
+                    <blockquote class=" lg:text-2xl text-xl text-white fade-in font-semibold">
+                        <p class="lg:text-2xl text-xl leading-normal text-white font-semibold">Therefore we believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</p>
                     </blockquote>
                     <br>
                     <div class="mx-4">
-                    <p class="fade-in mx-auto text-3xl font-semibold tracking-tight text-white sm:text-2xl opacity-0 transition-opacity duration-1000" data-observer>
+                    <p class="fade-in mx-auto text-2xl font-semibold tracking-tight text-white lg:text-3xl opacity-0 transition-opacity duration-1000" data-observer>
                         Planet First. People First.
                     </p>
                     </div>
diff --git a/templates/partials/why/timeline.html b/templates/partials/why/timeline.html
index 83576e2a4..32f308a51 100644
--- a/templates/partials/why/timeline.html
+++ b/templates/partials/why/timeline.html
@@ -2,8 +2,8 @@
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
         <div class="mx-auto max-w-2xl lg:max-w-none">
             <div class="text-center">
-                <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">ThreeFold’s Journey</h2>
-                <p class="fade-in mx-auto mt-6 mb-12 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p>
+                <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">ThreeFold’s Journey</h2>
+                <p class="fade-in mx-auto mt-6 mb-12 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p>
             </div>
         </div>
     </div>