assignment 1

2024-09-20 20:10:37 -04:00
commit 52202eeb6f
42 changed files with 4838 additions and 0 deletions
--- a/practices/24-9-12/css/index.css
+++ b/practices/24-9-12/css/index.css
@@ -0,0 +1,52 @@
+@import 'common.css';
+
+/* fonts */
+@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Playpen+Sans:wght@100..800&display=swap');
+
+header {
+  background-color: var(--color-emerald-500);
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  font-family: 'Playpen Sans', sans-serif;
+  font-size: 2rem;
+
+  & > img {
+    width: 64px;
+    padding: 1rem;
+    border: 2px solid black;
+    background-color: white;
+  }
+}
+
+body {
+  & > * {
+    padding: 2rem 1rem;
+  }
+}
+
+main {
+  padding: 2rem 4rem;
+  display: grid;
+  gap: 2rem;
+  grid-template-columns: 2fr 1fr;
+  font-family: 'Exo 2', sans-serif;
+
+  p {
+    font-size: 1.25rem;
+    padding: 4rem 2rem;
+    text-align: center;
+    background-color: var(--color-amber-200);
+  }
+}
+
+footer {
+  background-color: var(--color-gray-800);
+  color: white;
+
+  p {
+    font-family: 'Playpen Sans', sans-serif;
+    font-size: 1.5rem;
+  }
+}