assignment a2

2024-10-10 13:21:51 -04:00
parent 52202eeb6f
commit f455c13731
16 changed files with 1774 additions and 1 deletions
--- a/practices/24-10-10/css/index.css
+++ b/practices/24-10-10/css/index.css
@@ -0,0 +1,55 @@
+@import 'common.css';
+
+html,
+body,
+main {
+  height: 100%;
+  width: 100%;
+}
+
+main {
+  display: grid;
+
+  padding: 1rem;
+  gap: 1rem;
+
+  grid-template: 1fr 1fr 2fr 1fr / 1fr 1fr;
+
+  @media (min-width: 768px) {
+    grid-template: 1fr 3fr / 1fr 1fr;
+  }
+
+  & > * {
+    background-color: grey;
+    border-radius: 1rem;
+
+    &:last-of-type {
+      grid-column: 1/3;
+      @media (min-width: 768px) {
+        grid-column: unset;
+      }
+    }
+  }
+
+  & > section {
+    display: grid;
+    padding: 2rem;
+    gap: 1rem;
+
+    grid-column: 1/3;
+    @media (min-width: 768px) {
+      grid-column: unset;
+    }
+
+    grid-template: 1fr 1fr / 1fr 1fr;
+
+    & > * {
+      background-color: lightgrey;
+      border-radius: 1rem;
+
+      &:nth-child(1) {
+        grid-column: 1/3;
+      }
+    }
+  }
+}