image placeholders

This commit is contained in:
bronkuu 2026-06-02 22:33:13 +02:00
parent 16549967e3
commit 8512c9e3d7
8 changed files with 23 additions and 11 deletions

View file

@ -1,12 +1,14 @@
#portfolio-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-auto-rows: 280px;
grid-auto-flow: dense;
gap: 1.5rem;
& > * {
overflow: hidden;
border-radius: var(--border-radius);
background: var(--surface-container-highest);
transition: transform 0.3s, box-shadow 0.3s;
position: relative;
cursor: pointer;
@ -68,6 +70,9 @@
border-radius: var(--small-radius);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
object-fit: contain;
min-width: 200px;
min-height: 200px;
background: var(--surface-container-highest);
}
& > button {

View file

@ -9,6 +9,11 @@
width: 100%;
}
& > .card > div:first-child {
background: var(--surface-container-highest);
aspect-ratio: 4 / 3;
}
& > .card > div:last-child {
display: grid;
grid-template-columns: auto auto;