From c47ce2c364e4882092a9d66ba96472402dc906c4 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Wed, 20 Nov 2024 13:33:27 +0700
Subject: [PATCH] merge middle.large css classes

---
 campaigns/applocalization/index.html | 2 +-
 campaigns/compute4change/index.html  | 2 +-
 campaigns/mappingthailand/index.html | 2 +-
 campaigns/opensourcefund/index.html  | 2 +-
 campaigns/openvoice/index.html       | 2 +-
 content/ieducal/index.html           | 2 +-
 index.html                           | 2 +-
 style.css                            | 7 +++----
 supportus.html                       | 2 +-
 team/index.html                      | 2 +-
 10 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/campaigns/applocalization/index.html b/campaigns/applocalization/index.html
index cfbb9f8..e76473e 100644
--- a/campaigns/applocalization/index.html
+++ b/campaigns/applocalization/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
     
diff --git a/campaigns/compute4change/index.html b/campaigns/compute4change/index.html
index fdafcd4..7672c61 100644
--- a/campaigns/compute4change/index.html
+++ b/campaigns/compute4change/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
     
diff --git a/campaigns/mappingthailand/index.html b/campaigns/mappingthailand/index.html
index fa31123..0816943 100644
--- a/campaigns/mappingthailand/index.html
+++ b/campaigns/mappingthailand/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
     
diff --git a/campaigns/opensourcefund/index.html b/campaigns/opensourcefund/index.html
index eab3bad..ba0ffa7 100644
--- a/campaigns/opensourcefund/index.html
+++ b/campaigns/opensourcefund/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
     
diff --git a/campaigns/openvoice/index.html b/campaigns/openvoice/index.html
index 6eca5b6..39235ff 100644
--- a/campaigns/openvoice/index.html
+++ b/campaigns/openvoice/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
     
diff --git a/content/ieducal/index.html b/content/ieducal/index.html
index 8d06e33..2529a57 100644
--- a/content/ieducal/index.html
+++ b/content/ieducal/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
     
diff --git a/index.html b/index.html
index 5a73537..c8bc132 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">
 <!--         <div class="banner">
diff --git a/style.css b/style.css
index cc17c92..2ac5cd4 100644
--- a/style.css
+++ b/style.css
@@ -61,8 +61,7 @@ h1 {margin-top: 3vh;}
   max-width: 15cm;
 }
 
-.middle-large {
-  grid-area: middle;
+.middle.large {
   width: 80vw;
   max-width: 35cm;
 }
@@ -243,12 +242,12 @@ h1 {margin-top: 3vh;}
 
 /* For tablet screens */
 @media only screen and (max-width: 1366px) {
-  .middle-large {width: 90vw;}
+  .middle.large {width: 90vw;}
 }
 
 /* For phone screens */
 @media only screen and (max-width: 750px) {
-  .middle-large {margin-top: 1cm;}
+  .middle.large {margin-top: 1cm;}
 }
 
 @media (prefers-color-scheme: light) {
diff --git a/supportus.html b/supportus.html
index e897cc5..eb20994 100644
--- a/supportus.html
+++ b/supportus.html
@@ -31,7 +31,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
       <div class="header" style="margin-top: 2cm;"></div>
 
       <h1>Support us</h1>
diff --git a/team/index.html b/team/index.html
index b723fdd..84a1eef 100644
--- a/team/index.html
+++ b/team/index.html
@@ -27,7 +27,7 @@
 
   <div class="grid-container">
 
-    <div class="middle-large">
+    <div class="middle large">
 
       <div class="header" style="margin-top: 2cm;">