response design for congress

ethancedwards8 · Nov 30, 2024 · 48f13cd · 48f13cd
1 parent 2f5d83d
commit 48f13cd
Showing 1 changed file with 34 additions and 3 deletions.
diff --git a/styles/congress.module.scss b/styles/congress.module.scss
@@ -63,9 +63,7 @@
   grid-template-columns: 1.5fr 6fr 1.5fr;
   grid-auto-rows: minxmax(100px, auto);
 
-  img {
-    border-style: solid;
-    border-color: black;
+  .photo {
     padding: 0px;
     margin: 7px;
     grid-column: 1;
@@ -122,4 +120,37 @@
     .text {
     }
   }
+
+  .infoPage {
+    grid-template-columns: 1fr;
+
+    .photo {
+      display: block;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .infoCentral {
+      grid-column: 1;
+      grid-row: 2;
+
+      h1 {
+        text-align: center;
+      }
+    }
+
+    .servingSince {
+      grid-column: 1;
+      grid-row: 3;
+    }
+
+    h3 {
+      grid-row: 4;
+    }
+
+    .recentLegislation {
+      grid-column: 1;
+      grid-row: 5;
+    }
+  }
 }