From c97026e34df0054d0ee61c1f0ce959287f186f9a Mon Sep 17 00:00:00 2001
From: BlueFox <bluefox@privacynerd.de>
Date: Sun, 23 Feb 2025 19:17:30 +0100
Subject: [PATCH] Added more breakpoints to make it even more accessible for
all platforms & sizes
---
new_site/src/griddy.css | 35 ++++++++++++++++++++++++++++++-----
new_site/src/index.html | 2 +-
2 files changed, 31 insertions(+), 6 deletions(-)
diff --git a/new_site/src/griddy.css b/new_site/src/griddy.css
index d056524..5866c8e 100644
--- a/new_site/src/griddy.css
+++ b/new_site/src/griddy.css
@@ -42,11 +42,16 @@ body {
}
/* Larger Devices */
@media (min-width: 700px) {
+ .headline {
+ max-width: 75%;
+ }
+}
+@media (min-width: 850px) {
.headline {
max-width: 60%;
}
}
-@media (min-width: 992px) {
+@media (min-width: 1250px) {
.headline {
max-width: 40%;
}
@@ -79,11 +84,16 @@ body {
}
/* Larger Devices */
@media (min-width: 700px) {
+ .footer {
+ max-width: 75%;
+ }
+}
+@media (min-width: 850px) {
.footer {
max-width: 60%;
}
}
-@media (min-width: 992px) {
+@media (min-width: 1250px) {
.footer {
max-width: 40%;
}
@@ -109,11 +119,16 @@ a:hover {
}
/* Larger Devices */
@media (min-width: 700px) {
+ .center {
+ max-width: 75%;
+ }
+}
+@media (min-width: 850px) {
.center {
max-width: 60%;
}
}
-@media (min-width: 992px) {
+@media (min-width: 1250px) {
.center {
max-width: 40%;
}
@@ -153,12 +168,17 @@ div.space {
}
/* Larger Devices */
@media (min-width: 700px) {
+ .row {
+ max-width: 75%;
+ }
+}
+@media (min-width: 850px) {
.row {
max-width: 60%;
}
}
/* Large Devices */
-@media (min-width: 992px) {
+@media (min-width: 1250px) {
.row {
max-width: 40%;
}
@@ -234,12 +254,17 @@ hr {
}
/* Larger Devices */
@media (min-width: 700px) {
+ hr {
+ max-width: 75%;
+ }
+}
+@media (min-width: 850px) {
hr {
max-width: 60%;
}
}
/* Large Devices */
-@media (min-width: 992px) {
+@media (min-width: 1250px) {
hr {
max-width: 40%;
}
diff --git a/new_site/src/index.html b/new_site/src/index.html
index b6398cd..ec017da 100644
--- a/new_site/src/index.html
+++ b/new_site/src/index.html
@@ -113,7 +113,7 @@
<a href="https://hub.docker.com/u/bluefox42" target="_blank">
<div class="badge badge-centered under-a-badge">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 756.26 596.9"><defs><style>.cls-1 {fill: var(--fg-color);stroke-width: 0px;}</style></defs><path class="cls-1" d="M743.96,245.25c-18.54-12.48-67.26-17.81-102.68-8.27-1.91-35.28-20.1-65.01-53.38-90.95l-12.32-8.27-8.21,12.4c-16.14,24.5-22.94,57.14-20.53,86.81,1.9,18.28,8.26,38.83,20.53,53.74-46.1,26.74-88.59,20.67-276.77,20.67H.06c-.85,42.49,5.98,124.23,57.96,190.77,5.74,7.35,12.04,14.46,18.87,21.31,42.26,42.32,106.11,73.35,201.59,73.44,145.66.13,270.46-78.6,346.37-268.97,24.98.41,90.92,4.48,123.19-57.88.79-1.05,8.21-16.54,8.21-16.54l-12.3-8.27ZM189.67,206.39h-81.7v81.7h81.7v-81.7ZM295.22,206.39h-81.7v81.7h81.7v-81.7ZM400.77,206.39h-81.7v81.7h81.7v-81.7ZM506.32,206.39h-81.7v81.7h81.7v-81.7ZM84.12,206.39H2.42v81.7h81.7v-81.7ZM189.67,103.2h-81.7v81.7h81.7v-81.7ZM295.22,103.2h-81.7v81.7h81.7v-81.7ZM400.77,103.2h-81.7v81.7h81.7v-81.7ZM400.77,0h-81.7v81.7h81.7V0Z"/></svg><!--bg-color
- --><div class="space"></div>bluefox42 on DockerHub
+ --><div class="space"></div>bluefox42 on Docker Hub
</div>
</a>
<p style="margin-top: 1em;">Contact</p>