ag_kommunikation/webseite
6
4
Fork 5
Code Issues 18 Pull Requests 1 Projects Releases Activity

fix: Aktuelles-Seite auch responsive.

Browse Source
This commit is contained in:
muli 2023-06-04 22:14:14 +02:00
parent e784cc3b5e
commit 88de90eb99
1 changed files with 37 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
assets/css/style.css
View File

@ -781,7 +781,7 @@ hr.-even {
font-size: 1.75rem;
line-height: 2rem;
color: var(--wtf-nearly-white);
margin: 0.5rem 0 1rem 0;
margin: 0.5rem 2.5rem 1rem 0;
}
@ -1353,6 +1353,10 @@ footer {
.contact__box .contact_info__box p {
margin-right: 1.5rem;
}
.card_grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 850px) and (min-width: 790px) {
@ -1433,6 +1437,10 @@ footer {
h1.big_heading {
font-size: 3.5rem;
}
.card_grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 789px) and (min-width: 596px) {
@ -1470,6 +1478,7 @@ footer {
.header__slim_box {
background-image: none;
padding-bottom: 0;
margin-bottom: 1.5rem;
}
.slim_box__top_bar_left {
@ -1485,6 +1494,10 @@ footer {
.slim_box__top_bar_right {
display: none;
}
.slim_box__submenu {
margin-right: 2.25rem;
}
/* slim header - end */
.header__claim {
@ -1640,6 +1653,10 @@ footer {
h1.big_heading {
font-size: 3.5rem;
}
.card_grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 595px) {
@ -1688,10 +1705,6 @@ footer {
background-image: none;
}
.header__slim_box {
margin-top: -3rem;
}
.header__claim {
margin: 0.5rem 0.5rem 0 0.5rem;
grid-row: 3 / span 1;
@ -1771,7 +1784,7 @@ footer {
/* slim header - start */
.header__slim_box {
background-image: none;
margin: 0;
margin: 0 0 1.5rem 0;
padding: 0;
z-index: 40;
}
@ -1789,6 +1802,20 @@ footer {
.slim_box__unicorns {
display: none;
}
.slim_box__submenu {
height: 2rem;
padding-top: 0.5rem;
margin-right: 2.25rem;
}
.slim_box__submenu a {
font-size: 1.25rem;
}
.slim_box__submenu a img {
height: 1.5rem;
}
/* slim header - end */
.sub_claim__box {
@ -1938,6 +1965,10 @@ footer {
grid-column: 1 / span 2;
grid-row: 2 / span 3;
}
.card_grid {
grid-template-columns: 1fr;
}
/* content - end */
/* footer - start */