jessikitty/frambe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

fix: wrap main-frame in flexbox centering wrapper for reliable centering on all resolutions

Browse Source
This commit is contained in:
jessikitty
2026-05-22 09:14:33 +10:00
parent 1b45afb6f4
commit c1ebbaef98
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+7 -4
View File
@@ -44,10 +44,13 @@
<canvas id="pile-canvas"></canvas> <canvas id="pile-canvas"></canvas>
<div class="bg-vignette"></div> <div class="bg-vignette"></div>
<div id="main-frame" class="main-frame"> <!-- Flexbox wrapper handles centering; animation lives on inner frame -->
<div class="frame-border"> <div class="main-frame-wrapper">
<img id="main-photo" class="frame-media" alt=""> <div id="main-frame" class="main-frame">
<video id="main-video" class="frame-media" muted playsinline style="display:none"></video> <div class="frame-border">
<img id="main-photo" class="frame-media" alt="">
<video id="main-video" class="frame-media" muted playsinline style="display:none"></video>
</div>
</div> </div>
</div> </div>