From 56a1a59e7cade6a4a45385a0d3baea6575cd7cd0 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Sat, 9 Nov 2024 06:05:57 +0700
Subject: [PATCH] make banner size fit in middle-large

---
 index.html | 12 +++++++-----
 style.css  |  3 +--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 7825784..37186d9 100644
--- a/index.html
+++ b/index.html
@@ -34,15 +34,17 @@
 
     </div>
 
-  <div class="header" style="margin-top: 2cm;">
-    <div class="banner">
-      📢 Planned power outage on Nov 12 2024, 10AM-12PM (GMT+7)
-    </div>
-  </div>
+
 
   <div class="grid-container">
 
     <div class="middle-large">
+
+      <div class="header" style="margin-top: 2cm;">
+        <div class="banner">
+          📢 Planned power outage on Nov 12 2024, 10AM-12PM (GMT+7)
+        </div>
+      </div>
       
       <h1>TechTransThai</h1>
       
diff --git a/style.css b/style.css
index 84f0035..b22a70f 100644
--- a/style.css
+++ b/style.css
@@ -29,8 +29,7 @@ h1 {margin-top: 3vh;}
 }
 
 .banner {
-  
-  width: 90%;
+  width: 100%;
   text-align: center;
   font-weight: bold;
   padding: 0.2cm;