knight/analogGallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update CSS in generateSite.js to enforce a 1:1 aspect ratio for image containers by replacing height with padding-bottom. This change enhances the responsiveness and visual consistency of the site during image loading.

Browse Source
This commit is contained in:
Knight
2024-12-28 11:55:28 -05:00
parent 2611988636
commit 050af12746
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
generateSite.js
View File

@@ -56,7 +56,7 @@ async function generateSite() {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 100vw; max-width: 100vw;
height: auto; padding-bottom: 100%; /* Creates a 1:1 aspect ratio container */
margin: 0 auto; margin: 0 auto;
} }
.progressive-image { .progressive-image {