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
This commit is contained in:
abhiramtx
2025-11-08 23:34:29 +00:00
parent b6aafbac49
commit 3439a747d5
5 changed files with 45 additions and 23 deletions

View File

@@ -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>