bruh

assets/dominate.css

@@ -1,3 +1,5 @@
+
+
 body {
     padding-top: 20px;
     padding-bottom: 60px;
@@ -5,6 +7,7 @@ background-color: #3c0084;
   }
 
   /* Custom container */
+
   .container {
     margin: 0 auto;
     max-width: 1000px;
@@ -13,6 +16,11 @@ background-color: #3c0084;
     margin: 60px 0;
   }
 
+  .hero-unit {
+   background-color: #aa00a7;
+   box-shadow: 0 0 0 4px #aa009f;
+  }
+
   /* Main marketing message and sign up button */
   .jumbotron {
     margin: 80px 0;
@@ -44,6 +52,38 @@ background-color: #3c0084;
     line-height: 1;
   }
 
-  .hero-unit {
-  text-align: center;
+  /* how to not fix your css part numba wuuun */
+  @media (min-width: 768px) and (max-width: 979px) {
+    .pantshitted {
+      float:right !important;
+    }
+  }
+
+  .flextape {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+
+  @media (min-width: 600px) and (max-width: 979px) {
+    .flextape {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+  
+  @media (max-width: 600px) {
+    .flextape {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  .memcomment {
+      position: relative;
+      padding-bottom: 50px;
+  }
+
+  .memcomment .author {
+      position: absolute;
+      bottom: 0;
+      left: 0;
   }