#5 scenterflex

s9a · Oct 4, 2024 · 66fa2bb · 66fa2bb
1 parent 8dafb49
commit 66fa2bb
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 13 deletions.
diff --git a/freestyle.css b/freestyle.css
@@ -218,6 +218,15 @@ button:hover {
   text-decoration-style: double;
 }
 
+div {
+  align-items: center;
+  contain: layout;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  min-height: 100vh;
+}
+
 figure {
   align-items: center;
   contain: layout;

diff --git a/index.html b/index.html
@@ -17,19 +17,21 @@
 <link rel="home" href="https://s9a.page">
 
 <figure>
-  <svg
-    class="tape-blaq"
-    width="100vmin"
-    height="100vmin"
-    viewBox="0 0 2400 2400"
-    xmlns="http://www.w3.org/2000/svg"
-    >
-    <title>¡!</title>
-    <rect class="tape-luvu" x="617" y="800" width="300" height="1300" />
-    <rect class="tape-play" x="617" y="300" width="300" height="300" />
-    <rect class="tape-loud" x="1483" y="300" width="300" height="1300" />
-    <rect class="tape-bluv" x="1483" y="1800" width="300" height="300" />
-  </svg>
+  <div>
+    <svg
+      class="tape-blaq"
+      width="100vmin"
+      height="100vmin"
+      viewBox="0 0 2400 2400"
+      xmlns="http://www.w3.org/2000/svg"
+      >
+      <title>¡!</title>
+      <rect class="tape-luvu" x="617" y="800" width="300" height="1300" />
+      <rect class="tape-play" x="617" y="300" width="300" height="300" />
+      <rect class="tape-loud" x="1483" y="300" width="300" height="1300" />
+      <rect class="tape-bluv" x="1483" y="1800" width="300" height="300" />
+    </svg>
+  </div>
   <figcaption>
     <form class="tape-blaq" method="get">
       <h1>illbang color remixer</h1>