From 4899b3d32d336cd06a46d307bae65a35814b1313 Mon Sep 17 00:00:00 2001 From: AngelJumbo Date: Sat, 8 Jun 2024 08:20:51 -0500 Subject: [PATCH] remove footer because it does not allow the selection of the botom sections --- build.sh | 30 +++++++++++++----------------- layout.css | 22 +++++++--------------- style.css | 5 ++++- 3 files changed, 24 insertions(+), 33 deletions(-) diff --git a/build.sh b/build.sh index 3de01a7..472f81d 100755 --- a/build.sh +++ b/build.sh @@ -49,7 +49,19 @@ echo " - +
+ + + + + + +

Gruvbox Wallpapers

" > ./index.html @@ -128,22 +140,6 @@ echo " } " >> ./index.html -echo " -" >> ./index.html echo " diff --git a/layout.css b/layout.css index 2101293..fb795cb 100644 --- a/layout.css +++ b/layout.css @@ -1,3 +1,4 @@ + main { display: flex; flex-direction: column; @@ -5,41 +6,32 @@ main { flex-grow: 1; } -footer { - position: sticky; - bottom: 0; - margin-top: 2rem; - display: flex; - flex-direction: row; - justify-content: end; -} - -@container (min-width: 640px) { +@media screen and (min-width: 640px) { main { padding: 0 4rem; } } -@container (min-width: 768px) { +@media screen and (min-width: 768px) { main { padding: 0 8rem; } } -@container (min-width: 1024px) { +@media screen and (min-width: 1024px) { main { padding: 0 12rem; } } -@container (min-width: 1280px) { +@media screen and (min-width: 1280px) { main { padding: 0 14rem; } } -@container (min-width: 1536px) { +@media screen and (min-width: 1536px) { main { padding: 0 18rem; } -} +} \ No newline at end of file diff --git a/style.css b/style.css index 3a4b6cf..9ad3353 100644 --- a/style.css +++ b/style.css @@ -32,7 +32,7 @@ body { background-color: var(--bg-color); - container-type: inline-size; + /*container-type: inline-size;*/ font-family: "Curier New", monospace; margin: 0; min-height: 100svh; @@ -137,6 +137,9 @@ img:hover { } .float-btns { + position: fixed; + bottom: 0; + right: 0; margin-bottom: 1rem; margin-right: 1rem; display: flex;