From 3439a747d585b070179fd960f431a82f1ddbfafe Mon Sep 17 00:00:00 2001
From: abhiramtx <7253115-abhiramtx@users.noreply.replit.com>
Date: Sat, 8 Nov 2025 23:34:29 +0000
Subject: [PATCH] Improve site layout and center content across mobile and
 desktop views

Updates CSS to center content and icons on various pages (competitions, contact, contributors, sponsors) and adjusts horizontal rule styling. Modifies HTML structure in competitions.html for better content organization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 07c2b9b6-4a76-4da2-ad04-fcaacb16832a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/SuPUNrT
---
 static/css/styles.css       | 10 +++++++---
 templates/competitions.html |  8 +++++---
 templates/contact.html      | 14 +++++++++-----
 templates/contributors.html | 20 ++++++++++++++------
 templates/sponsors.html     | 16 ++++++++++------
 5 files changed, 45 insertions(+), 23 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 405e695..fa7e97f 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -428,8 +428,9 @@ hr {
     transform: translate(-50%, -50%);
     z-index: 2;
     max-width: 800px;
-    width: 90%;
+    width: 88%;
     text-align: center;
+    padding: 0 16px;
 }
 
 .hero-title {
@@ -477,7 +478,10 @@ hr {
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: 16px;
     padding: 32px;
-    text-align: left;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .stats-icon {
@@ -486,7 +490,7 @@ hr {
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-bottom: 16px;
+    margin: 0 auto 16px auto;
     color: var(--white);
 }
 
diff --git a/templates/competitions.html b/templates/competitions.html
index 947de46..e622f79 100644
--- a/templates/competitions.html
+++ b/templates/competitions.html
@@ -18,7 +18,8 @@
                 <h1 class="heading" id="comp">Competition log</h1>
                 <hr id="comp-hr">
 
-                {% for season, comps in competitions_by_season.items() %}
+                <div class="content-container">
+                    {% for season, comps in competitions_by_season.items() %}
                 <h1 id="{{ season.replace(' ', '') }}" class="competition-year">{{ season }}</h1>
 
                 {% for comp in comps %}
@@ -48,9 +49,10 @@
                     </ul>
                     {% endif %}
                 </div>
-                {% endfor %}
+                    {% endfor %}
 
-                {% endfor %}
+                    {% endfor %}
+                </div>
 
             </div>
         </div>
diff --git a/templates/contact.html b/templates/contact.html
index 960a86f..f8397a1 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -7,10 +7,12 @@
 <div class="contact">
         <br>
         <h1 class="heading" id="spon"><span class="emoji contact">Contact</span></h1>
-        <hr>       
-            <p class="info">🌐 you can find us on several platforms! 🌐</p>
-        <div class="contact-container">
-            <div class="card-container">
+        <hr>
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">🌐 you can find us on several platforms! 🌐</p>
+                <div class="contact-container">
+                    <div class="card-container">
                 <a href="https://www.instagram.com/technicalturbulence23344/" target="_blank" class="card">
                     <div class="card-content">
                         <img src="{{ url_for('static', filename='images/insta5.png') }}" alt="Image 1">
@@ -25,7 +27,9 @@
                     <div class="card-content">
                         <img src="{{ url_for('static', filename='images/youtubee.png') }}" alt="Image 3">
                     </div>
-                </a>
+                    </a>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
diff --git a/templates/contributors.html b/templates/contributors.html
index 7cc2c56..5e43e4c 100644
--- a/templates/contributors.html
+++ b/templates/contributors.html
@@ -36,8 +36,10 @@
         <br>
         <h1 class="heading"><span class="emoji sponsors" id="team">Our mentors and coaches</span></h1>
         <hr>
-        <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
-        <div class="members-container">
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
+                <div class="members-container">
             {% for mentor in mentors %}
             <div class="member-card">
                 {% if mentor.image_path %}
@@ -45,14 +47,18 @@
                 {% endif %}
                 <h2 class="member-name">{{ mentor.name }}</h2>
                 <p class="member-role">{{ mentor.role }}</p>
+                </div>
+                {% endfor %}
+                </div>
             </div>
-            {% endfor %}
         </div>
         <h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
         <hr>
-        <p class="info">⭐ meet our amazing team! ⭐</p>
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">⭐ meet our amazing team! ⭐</p>
 
-        <div class="members-container">
+                <div class="members-container">
             {% for member in members %}
             <div class="member-card">
                 {% if member.image_path %}
@@ -60,8 +66,10 @@
                 {% endif %}
                 <h2 class="member-name">{{ member.name }}</h2>
                 <p class="member-role">{{ member.role }}</p>
+                </div>
+                {% endfor %}
+                </div>
             </div>
-            {% endfor %}
         </div>
 
     </div>
diff --git a/templates/sponsors.html b/templates/sponsors.html
index 13ce64b..800a608 100644
--- a/templates/sponsors.html
+++ b/templates/sponsors.html
@@ -7,18 +7,22 @@
 <div class="sponsors">
         <br>
         <h1 class="heading" id="spon"><span class="emoji sponsors">Sponsors</span></h1>
-        <hr>     
-        <p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
-        
-        <div class="sponsors-container">
-            <div class="card-container">
+        <hr>
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
+                
+                <div class="sponsors-container">
+                    <div class="card-container">
                 {% for sponsor in sponsors %}
                 <a href="{{ sponsor.website_url }}" target="_blank" class="card-sponsors">
                     <div class="card-content-sponsors">
                         <img src="{{ url_for('static', filename=sponsor.logo_path) }}" alt="{{ sponsor.name }}">
                     </div>
                 </a>
-                {% endfor %}
+                    {% endfor %}
+                    </div>
+                </div>
             </div>
         </div>