KeshavAnandCode/FTCWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust competition cards to use more screen space on mobile devices

Browse Source 
Modify CSS in static/css/styles.css to remove background and borders from .competitions .content-container and set competition cards to 90% width with auto margins for mobile responsiveness.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 93b5b5b0-b027-4625-9449-395e19a12f66
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/36EEkkQ
This commit is contained in:
abhiramtx
2025-11-08 23:50:25 +00:00
parent a0509d8ded
commit 05bf4d33ab
2 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1762645776673.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

12
static/css/styles.css
View File

@@ -1396,9 +1396,21 @@ span.emoji:hover::after {
margin-top: 70px; margin-top: 70px;
} }
.competitions .content-container {
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: none;
padding: 0;
margin: 0;
}
.competition-card { .competition-card {
padding: 24px; padding: 24px;
margin-bottom: 24px; margin-bottom: 24px;
width: 90%;
margin-left: auto;
margin-right: auto;
} }
.card-container, .card-container,