bronku/piekarnikgosipl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

square images only

Browse source
This commit is contained in:
bronku 2026-06-09 16:44:03 +02:00
parent dd4a4268e0
commit 9ff9e59a8c
213 changed files with 3 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

32
css/portfolio.css
View file

@ -1,13 +1,11 @@
#portfolio-grid {
display: grid;
/*grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));*/
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: 106px;
/*grid-auto-rows: 210px;*/
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: dense;
gap: 1.5rem;
& > * {
aspect-ratio: 1/1;
overflow: hidden;
border-radius: var(--border-radius);
background: var(--surface-container-highest);
@ -34,32 +32,6 @@
& > *:hover img {
transform: scale(1.08);
}
& > .portrait {
grid-column: span 3;
grid-row: span 4;
}
& > .landscape {
grid-column: span 4;
grid-row: span 3;
}
& > .large {
grid-row: span 2;
grid-column: span 2;
}
/*& > :nth-child(7n) {
grid-column: span 2;
grid-row: span 2;
}
& > :nth-child(11n+5) {
grid-column: span 2;
}
& > :nth-child(13n+9) {
grid-row: span 2;
}*/
}
#lightbox {