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

Added another width breakpoint to make mobile even better
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-20 20:41:31 +01:00
parent 367cb9cc1d
commit 917666c7e0
Signed by: BlueFox
GPG Key ID: 327233DA85435270
1 changed files with 34 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
new_site/src/griddy.css
View File

@ -35,7 +35,19 @@ body {
h1 { h1 {
text-align: center; text-align: center;
margin: 1.5em 0; width: 90%;
margin: 1.5em auto;
}
/* Larger Devices */
@media (min-width: 700px) {
h1 {
max-width: 60%;
}
}
@media (min-width: 992px) {
h1 {
max-width: 40%;
}
} }
/* Blinking cursor */ /* Blinking cursor */
@ -73,9 +85,15 @@ a:hover {
.center { .center {
text-align: center; text-align: center;
width: 70%; width: 90%;
margin: 1em auto 0; margin: 1em auto 0;
} }
/* Larger Devices */
@media (min-width: 700px) {
.center {
max-width: 60%;
}
}
@media (min-width: 992px) { @media (min-width: 992px) {
.center { .center {
max-width: 40%; max-width: 40%;
@ -104,10 +122,15 @@ code a {
} }
.row { .row {
width: 70%; width: 90%;
margin: 0 auto; margin: 0 auto;
} }
/* Larger Devices */
@media (min-width: 700px) {
.row {
max-width: 60%;
}
}
/* Large Devices */ /* Large Devices */
@media (min-width: 992px) { @media (min-width: 992px) {
.row { .row {
@ -140,13 +163,19 @@ code a {
hr { hr {
--hr-color: var(--accent); --hr-color: var(--accent);
width: 70%; width: 90%;
height: 1px; height: 1px;
margin: 2.35em auto; margin: 2.35em auto;
border-width: 0; border-width: 0;
color: var(--hr-color); color: var(--hr-color);
background-color: var(--hr-color); background-color: var(--hr-color);
} }
/* Larger Devices */
@media (min-width: 700px) {
hr {
max-width: 60%;
}
}
/* Large Devices */ /* Large Devices */
@media (min-width: 992px) { @media (min-width: 992px) {
hr { hr {