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

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

View File

@ -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%;
}

View File

@ -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>