react rewrite

2024-10-25 18:39:38 +02:00
parent 8c31799674
commit 2bd6e392d4
107 changed files with 736 additions and 751 deletions
@@ -0,0 +1,24 @@
+.legend {
+    display: flex;
+    flex-direction: column;
+    padding: 0 15px;
+    flex-grow: 1;
+
+    h1 {
+        font-size: 3rem;
+        font-weight: 700;
+        width: fit-content;
+        margin-bottom: 12px;
+        margin-top: 20px;
+
+        @media (max-width: 768px) {
+            font-size: 1rem;
+        }
+    }
+
+    .border {
+        width: 100%;
+        height: 1px;
+        background-color: #d78453;
+    }
+}
@@ -0,0 +1,13 @@
+import "./Legend.scss";
+
+const Legend = () => {
+
+    return (
+        <div className="legend">
+            <h1>Interactive Map of the Magic Continent</h1>
+            <div className="border"></div>
+        </div>
+    )
+}
+
+export default Legend;