Projects/nettsiden
8
2
Fork 1
Code Issues 15 Pull Requests 1 Activity

Started visual gallery, expanded fetch-script

Browse Source
This commit is contained in:
Felix Albrigtsen
2022-01-24 00:22:14 +01:00
parent fb5b66f12b
commit a500b5eecc
6 changed files with 166 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
www/css/bulma.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

35
www/css/gallery.css Normal file
View File

@@ -0,0 +1,35 @@
body, main {
width: 100%;
margin: 0;
}
.gallery-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
width: 95%;
margin: 15px auto;
}
figure {
overflow: hidden;
}
.card-image {
margin: auto 0;
object-fit: scale-down;
object-position: 0 50%;
object-position: center;
object-fit: cover;
max-height: 45vh;
}
@media only screen and (min-width:320px) {
.gallery-container {grid-template-columns: 1fr !important; }
}
@media only screen and (min-width: 641px) {
.gallery-container { grid-template-columns: repeat(2, 1fr) !important;}
}
@media only screen and (min-width: 961px) {
.gallery-container { grid-template-columns: repeat(3, 1fr) !important;}
}
@media only screen and (min-width: 1281px) {
.gallery-container { grid-template-columns: repeat(4, 1fr) !important;}
}