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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user