fix: Header auf der Homepage jetzt vollständig responsive.

Zeit Abendessen zu kochen.
This commit is contained in:
muli 2023-06-04 18:04:21 +02:00
parent e9b1dddff9
commit 79654a3999

View File

@ -1462,6 +1462,10 @@ footer {
background: var(--wtf-dark-blue); background: var(--wtf-dark-blue);
} }
.header__claim h2 {
margin-left: 1.5rem;
}
.header__claim h2 span { .header__claim h2 span {
padding: 0 1.5rem; padding: 0 1.5rem;
} }
@ -1472,6 +1476,20 @@ footer {
color: var(--wtf-nearly-white); color: var(--wtf-nearly-white);
} }
.header__claim ul {
display: flex;
justify-content: space-between;
margin: 1.5rem;
}
.header__claim ul li.-first,
.header__claim ul li.-second,
.header__claim ul li.-third {
color: var(--wtf-nearly-white);
margin: 0;
font-size: 1.75rem;
}
.header__sub_claim { .header__sub_claim {
grid-column: 1 / span 5; grid-column: 1 / span 5;
padding: 0; padding: 0;
@ -1631,6 +1649,38 @@ footer {
color: var(--wtf-nearly-white); color: var(--wtf-nearly-white);
} }
.header__claim h2 {
margin-left: 0.5rem;
}
.header__claim h2 span {
padding: 0 0.5rem;
}
.header__claim p {
margin: 0;
padding: 1.5rem;
color: var(--wtf-nearly-white);
}
.header__claim ul {
display: flex;
justify-content: space-between;
margin: 1rem;
}
.header__claim ul li.-first,
.header__claim ul li.-second,
.header__claim ul li.-third {
color: var(--wtf-nearly-white);
margin: 0;
font-size: 1.25rem;
}
.header__claim ul li::before {
content: unset;
}
.header__sub_claim { .header__sub_claim {
grid-column: 1 / span 5; grid-column: 1 / span 5;
padding: 0; padding: 0;
@ -1681,7 +1731,7 @@ footer {
/* slim header - end */ /* slim header - end */
.sub_claim__box { .sub_claim__box {
padding-bottom: 2.5rem; padding: 0 1rem 1rem 1rem;
} }
/* mobile nav - Start */ /* mobile nav - Start */