Adding in modal for card detail when card is clicked. Working through styling, and working with NextJS.

styles/Home.module.css

@@ -29,5 +29,13 @@
 }
 
 @media (prefers-color-scheme: dark) {
-
+  
+}
+
+@media only screen and (min-width: 1280px) {
+  .hero {
+    max-width: 1280px;
+    margin: 2rem auto 0 auto;
+    border-radius: 2rem;
+  }
 }

styles/globals.css

@@ -12,11 +12,18 @@
   }
 }
 
+.modal {
+  background: #1d1d1c;
+  width: 100%;
+  height: 100%;
+}
+
 .spinner {
   display: inline-block;
   width: 80px;
   height: 80px;
 }
+
 .spinner:after {
   content: " ";
   display: block;
@@ -28,6 +35,7 @@
   border-color: #fff transparent #fff transparent;
   animation: lds-dual-ring 1.2s linear infinite;
 }
+
 @keyframes lds-dual-ring {
   0% {
     transform: rotate(0deg);