make banner size fit in middle-large

2024-11-09 06:05:57 +07:00 · 2024-11-09 06:05:57 +07:00 · 56a1a59e7c
commit 56a1a59e7c
parent 0f52b32d00
2 changed files with 8 additions and 7 deletions
--- a/index.html
+++ b/index.html
@ -34,16 +34,18 @@

    </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>
      
      ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด
--- 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;