Change photo gallery style on mobile devices
This commit is contained in:
parent
0dad20e3e9
commit
a4e952773b
1 changed files with 11 additions and 0 deletions
|
@ -90,6 +90,17 @@ import NoteMetadata from '../../components/NoteMetadata.astro'
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px) {
|
||||||
|
.firstPhotoGroup {
|
||||||
|
grid-template-rows: 450px 450px 450px;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
grid-template-areas:
|
||||||
|
"first"
|
||||||
|
"second"
|
||||||
|
"third";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.firstPhotoGroup > div {
|
.firstPhotoGroup > div {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue