wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Pull requests Activity Actions

fix: media grid

Browse source
This commit is contained in:
Devin Haska 2025-05-30 13:28:57 -07:00
parent cbeb1a9a47
commit 93a560da12
Signed by: wonderfulfrog
SSH key fingerprint: SHA256:ejOGyH9064rJiikox4ykOHLeuUg1f9l8wmJxs+MzNw0
2 changed files with 11 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/includes/css/blocks/media-grid.css
View file

@ -7,26 +7,25 @@
grid-gap: var(--spacing-2); grid-gap: var(--spacing-2);
li { li {
border: 1px solid var(--color-shadow); aspect-ratio: var(--aspect-ratio);
overflow: hidden; display: grid;
position: relative; position: relative;
overflow: hidden;
a { a {
display: block;
color: var(--color-white); color: var(--color-white);
picture { picture {
border-radius: 0;
height: 100%; height: 100%;
border-radius: 0;
}
img { img {
aspect-ratio: var(--aspect-ratio);
border-radius: 0;
width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
}
.text-only { .text-only {
aspect-ratio: var(--aspect-ratio); aspect-ratio: var(--aspect-ratio);

2
src/includes/css/utilities/wrapper.css
View file

@ -7,7 +7,7 @@
.wrapper { .wrapper {
container-type: inline-size; container-type: inline-size;
width: 90vw; width: 90vw;
width: clamp(16rem, 90vw, 80ch); width: clamp(16rem, 90vw, 72ch);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-left: 0.5rem; padding-left: 0.5rem;