Fix floating buttons

2026-08-05 13:42:28 +00:00 · 2024-06-06 07:09:07 +00:00
parent 0dfad27294
commit 6299537d22
4 changed files with 70 additions and 68 deletions
@@ -0,0 +1,54 @@
+main {
+    display: flex;
+    flex-direction: column;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    flex-grow: 1;
+}
+
+footer {
+    position: sticky;
+    bottom: 0;
+    margin-top: 2rem;
+    flex-shrink: 0;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: end;
+    align-content: centers;
+}
+
+@container (min-width: 640px) {
+    main {
+        padding-left: 4rem;
+        padding-right: 4rem;
+    }
+}
+
+@container (min-width: 768px) {
+    main {
+        padding-left: 8rem;
+        padding-right: 8rem;
+    }
+}
+
+@container (min-width: 1024px) {
+    main {
+        padding-left: 12rem;
+        padding-right: 12rem;
+    }
+}
+
+@container (min-width: 1280px) {
+    main {
+        padding-left: 14rem;
+        padding-right: 14rem;
+    }
+}
+
+@container (min-width: 1536px) {
+    main {
+        padding-left: 18rem;
+        padding-right: 18rem;
+    }
+}