git.privacynerd.de/privacynerd.de
1
0
Fork 0
Code Issues Actions Activity

Added more breakpoints to make it even more accessible for all platforms & sizes
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 5s
Details

Browse Source
This commit is contained in:
BlueFox 2025-02-23 19:17:30 +01:00
parent c92bd96488
commit c97026e34d
Signed by: BlueFox
GPG Key ID: 327233DA85435270
2 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
new_site/src/griddy.css
View File

@ -42,11 +42,16 @@ body {
} }
/* Larger Devices */ /* Larger Devices */
@media (min-width: 700px) { @media (min-width: 700px) {
.headline {
max-width: 75%;
}
}
@media (min-width: 850px) {
.headline { .headline {
max-width: 60%; max-width: 60%;
} }
} }
@media (min-width: 992px) { @media (min-width: 1250px) {
.headline { .headline {
max-width: 40%; max-width: 40%;
} }
@ -79,11 +84,16 @@ body {
} }
/* Larger Devices */ /* Larger Devices */
@media (min-width: 700px) { @media (min-width: 700px) {
.footer {
max-width: 75%;
}
}
@media (min-width: 850px) {
.footer { .footer {
max-width: 60%; max-width: 60%;
} }
} }
@media (min-width: 992px) { @media (min-width: 1250px) {
.footer { .footer {
max-width: 40%; max-width: 40%;
} }
@ -109,11 +119,16 @@ a:hover {
} }
/* Larger Devices */ /* Larger Devices */
@media (min-width: 700px) { @media (min-width: 700px) {
.center {
max-width: 75%;
}
}
@media (min-width: 850px) {
.center { .center {
max-width: 60%; max-width: 60%;
} }
} }
@media (min-width: 992px) { @media (min-width: 1250px) {
.center { .center {
max-width: 40%; max-width: 40%;
} }
@ -153,12 +168,17 @@ div.space {
} }
/* Larger Devices */ /* Larger Devices */
@media (min-width: 700px) { @media (min-width: 700px) {
.row {
max-width: 75%;
}
}
@media (min-width: 850px) {
.row { .row {
max-width: 60%; max-width: 60%;
} }
} }
/* Large Devices */ /* Large Devices */
@media (min-width: 992px) { @media (min-width: 1250px) {
.row { .row {
max-width: 40%; max-width: 40%;
} }
@ -234,12 +254,17 @@ hr {
} }
/* Larger Devices */ /* Larger Devices */
@media (min-width: 700px) { @media (min-width: 700px) {
hr {
max-width: 75%;
}
}
@media (min-width: 850px) {
hr { hr {
max-width: 60%; max-width: 60%;
} }
} }
/* Large Devices */ /* Large Devices */
@media (min-width: 992px) { @media (min-width: 1250px) {
hr { hr {
max-width: 40%; max-width: 40%;
} }