restructuring layout

2025-09-26 16:56:07 -06:00
parent dce377b586
commit 3bd6d6b7c2
64 changed files with 187 additions and 195 deletions
@@ -0,0 +1,37 @@
+.yellowPart {
+  position: absolute;
+  content: "";
+  top: 0;
+  left: -50px;
+  width: 20%;
+  height: 100%;
+  min-width: 300px;
+  background: linear-gradient(to left, #003e79, #bd8c01);
+  transform: skew(45deg);
+  z-index: 1;
+}
+
+.yellowPartOpuest {
+  position: absolute;
+  content: "";
+  top: 0;
+  right: -50px;
+  width: 20%;
+  height: 100%;
+  min-width: 300px;
+  background: linear-gradient(to right, #003d79, #bd8c01);
+  transform: skew(-45deg);
+  z-index: 1;
+}
+
+@media (max-width: 800px) {
+  .yellowPart {
+    width: 5%;
+    left: -150px;
+  }
+
+  .yellowPartOpuest {
+    width: 5%;
+    right: -150px;
+  }
+}