Styling pages WIP

2026-05-01 18:20:26 +00:00 · 2025-02-20 20:31:26 +01:00
parent 1cbcb8ce4c
commit 80dd1b48aa
15 changed files with 371 additions and 33 deletions
@@ -1,3 +1,43 @@
-.container {
-	text-align: left;
+.languages-container {
+  padding: 0rem 3rem;
+  margin-bottom: 1rem;
+}
+
+@media (max-width: 768px) {
+  .languages-container {
+    padding: 0rem 1rem;
+  }
+}
+
+header {
+  margin: 0 auto;
+  padding: 2.5rem 1.25rem;
+
+  text-align: center;
+}
+
+header h1 {
+  font-size: 3.5rem;
+  font-weight: bold;
+
+  margin-bottom: 1.5rem;
+
+  color: var(--crimson);
+}
+
+.languages-wrapper {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  align-items: stretch;
+  gap: 3rem;
+}
+
+.language {
+  padding: 1.5rem;
+
+  border-radius: 0.75rem;
+
+  background: var(--black);
+
+  text-transform: capitalize;
 }