Update product page in archive

4yman-0 · Oct 20, 2024 · f82fdaf · f82fdaf
1 parent 2a21740
commit f82fdaf
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/archive/foobar.ai/product/index.html b/archive/foobar.ai/product/index.html
@@ -16,7 +16,7 @@
 </head>
 <body>
     <header class="header">
-        <a href=".." class="button header__btn">&leftarrow; Go back</a>
+        <a href=".." class="button header__btn">&leftarrow; Back</a>
         <h1 class="header__title">foobar<span class="color">.ai</span>: Pro Max Platinum+</h1>
     </header>
     <main class="content-container">

diff --git a/archive/foobar.ai/product/product.css b/archive/foobar.ai/product/product.css
@@ -1,3 +1,14 @@
+/* VARIABLES */
+
+:root {
+    --bg-1: #050505;
+    --bg-2: #111;
+    --bg-3: #222;
+    --primary: #45F;
+    --secondary: #8ea;
+    --teritary: #8ae;
+}
+
 .header {
     padding: .5rem 1rem;
     display: flex;
@@ -17,12 +28,11 @@
 }
 
 .content-container {
-    min-height: 77vh;
+    height: 100vh;
     display: flex;
     flex-wrap: wrap-reverse;
     justify-content: space-around;
     align-items: center;
-    background: var(--bg-2);
     border: 1px solid var(--bg-3);
     border-radius: 4px;
 }
@@ -31,7 +41,7 @@
     min-height: 30vh;
     padding: 3%;
 	margin: 2%;
-	background: var(--bg-3);
+	background: var(--bg-2);
 	border-radius: 10px;
 }
 
@@ -62,8 +72,9 @@
 }
 
 .buy__btn {
-    width: 50%;
-    margin: auto;
+    width: 30%;
+    max-width: 5rem;
+    margin: 0 auto;
 }
 
 .buy__btn:hover {