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;
+  }
+}
@@ -0,0 +1,17 @@
+import footer from "./Footer.module.css"
+
+function Footer() {
+    return (
+        <footer>
+            <div className={footer.yellowPart}></div>
+            <p>
+                Hecho en México. Todos los derechos reservados 2025.
+                Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.
+            </p>
+            <div className={footer.yellowPartOpuest}></div>
+        </footer>
+    )
+}
+
+export default Footer;
+//IO