alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile opponents to fit 3 per row with calc-based flex-basis

Browse Source 
Replaces fixed 120px width with calc((100% - 20px) / 3) so 3 opponents
always fit per row regardless of viewport width.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 14:14:43 -05:00
parent b4e9390f16
commit 889f8ce1cd
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/style.css
View File

@ -5061,8 +5061,7 @@ body.mobile-portrait .opponent-area {
padding: 3px 4px 4px; padding: 3px 4px 4px;
border-radius: 6px; border-radius: 6px;
min-width: 0; min-width: 0;
flex: 0 0 auto; flex: 0 0 calc((100% - 20px) / 3);
width: 120px;
position: relative; position: relative;
overflow: visible; overflow: visible;
} }