studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile responsive : home and start event

Browse source
This commit is contained in:
isUnknown 2024-09-10 15:23:24 +02:00
parent e58e630f9b
commit dd04bac95e
14 changed files with 128 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/css/src/events-grid.css
View file

@ -31,6 +31,7 @@
.event-card__infos > div {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.event-card__infos > div:first-child {
margin-bottom: calc(var(--space-m) / 2);
@ -41,3 +42,22 @@
inset: 0;
z-index: 3;
}
@media screen and (max-width: 800px) {
.events-grid {
--padding-vertical: 10vw;
}
.events-grid h4 {
margin-bottom: 1.2rem;
}
.event-card {
margin-bottom: 1rem;
}
.event-card picture {
height: 70vw;
}
.event-card svg {
width: 2rem;
}
}