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;