ADD: Responsiveness

2024-05-21 20:53:30 +02:00 · 2024-05-21 20:53:30 +02:00 · 236aa01d6e
commit 236aa01d6e
parent 8395825aea
7 changed files with 106 additions and 43 deletions
--- a/components/Person/Person.css
+++ b/components/Person/Person.css
@ -0,0 +1,31 @@
+.Person {
+    flex: 1 1;
+    flex-basis: 300px;
+    align-items: center;
+    gap: 1rem;
+
+    & img {
+        border: 4px solid var(--color-orange);
+        border-radius: 50%;
+        width: 150px;
+    }
+
+    & span {
+        font-family: 'Roboto Condensed', sans-serif;
+        font-weight: bold;
+
+        &:not(:last-child):after {
+            content: " | "
+        }
+    }
+
+    & p {
+        text-align: center;
+        white-space: pre-wrap;
+
+        &:first-of-type {
+            margin-top: -1rem;
+        }
+    }
+}
+