Amélioration rendu écrans intermédiaires

Fix #113
This commit is contained in:
Jean-Marie Favreau 2024-12-27 16:42:15 +01:00
parent 2f0c0c6f0b
commit 789a53d2e5

View File

@ -298,15 +298,7 @@ svg {
width: 100%;
padding: 0.3em;
margin: 0 0 0.5em 0;
}
@media only screen and (min-width: 550px) {
.illustration {
width: 40%;
float: right;
margin: 0 0 0.5em .5em;
}
float: right;
}
@media only screen and (min-width: 992px) {
@ -1410,17 +1402,28 @@ img.preview {
top: 0;
z-index: 10;
}
@media only screen and (min-width: 600px) {
.single-event, .tag-description {
display: grid;
grid-template-columns: 60% auto;
grid-column-gap: 1em;
}
header {
grid-column: 1 / 3;
}
}
@media only screen and (min-width: 992px) {
.resume {
column-count: 4;
}
.single-event, .tag-description {
display: grid;
grid-template-columns: 30% auto 14em;
grid-column-gap: 1em;
header {
margin: 0;
grid-column: 1 / 2;
}
.illustration {
width: auto;