feat: add some style
This commit is contained in:
parent
55bd450438
commit
e87f1a4e6b
21 changed files with 291 additions and 96 deletions
|
|
@ -5,11 +5,21 @@
|
|||
grid-template-columns: repeat(12, 1fr);
|
||||
grid-column-gap: 1rem;
|
||||
}
|
||||
|
||||
.gallery__side {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
}
|
||||
|
||||
.gallery__side {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.gallery-tags__title {
|
||||
|
||||
|
||||
}
|
||||
|
||||
.gallery__items-container {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 13;
|
||||
|
|
@ -21,6 +31,7 @@
|
|||
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
.gallery__item {
|
||||
aspect-ratio: 1;
|
||||
// $size: 25rem;
|
||||
|
|
@ -54,6 +65,9 @@
|
|||
.gallery__items {
|
||||
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
|
||||
}
|
||||
.gallery__side {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $xs-breakpoint) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue