diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss index f13b9d3..e629443 100644 --- a/src/agenda_culturel/static/style.scss +++ b/src/agenda_culturel/static/style.scss @@ -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;