studio-variable/index-main
3
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

small version responsive
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-28 00:05:06 +01:00
parent 4fee638a93
commit 80a606243e
6 changed files with 36 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/style.css
View file

@ -10,8 +10,7 @@
--fs-xbig: 38px;
--fs-button-bold: 22px;
--max-w-content: 640px;
--max-w-cards: 1000px;
--max-w-container: 1280px;
--max-w-cards: 940px;
--z-header: 2000;
--panel-w: 310px;
--leading-tight: 1.05;
@ -1998,7 +1997,7 @@ main .page__header {
margin-top: calc(var(--spacing) * 3);
margin-bottom: calc(var(--spacing) * 2);
}
@media screen and (max-width: 560px) {
@media screen and (max-width: 768px) {
main .page__header {
margin-top: calc(var(--spacing) * 2);
}
@ -2188,19 +2187,21 @@ main .page__header .description-medium {
[data-template=investigation-summary] main {
position: relative;
}
[data-template=investigation-summary] main #hero, [data-template=investigation-summary] main .section__article {
max-width: var(--max-w-cards);
margin-inline: auto;
}
[data-template=investigation-summary] main .panel-left {
width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 2) * 0.5);
width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 4) * 0.5);
}
@media screen and (max-width: 1380px) {
@media screen and (max-width: 1340px) {
[data-template=investigation-summary] main {
margin-left: auto;
margin-right: var(--padding-body);
margin-right: calc(var(--padding-body) * 3);
}
[data-template=investigation-summary] main .panel-left {
width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 2);
width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 6);
}
}
@media screen and (max-width: 1220px) {