Added styling to each article box

Author: djmears-dev

Wireframe/style.css

@@ -28,11 +28,12 @@ As well as useful links to learn more */
  General rules for basic HTML elements in any context */
  header {
   text-align: center;}
- 
+ /* Futuristic font */
 body {
   background: var(--paper);
   color: var(--ink);
   font: var(--font);
+  font-family: "Orbitron", "Rajdhani", "Segoe UI", sans-serif;
 }
 a {
   padding: var(--space);
@@ -42,7 +43,10 @@ a {
 img,
 svg {
   width: 100%;
-  height: 280px;
+  height: 250px;
+  object-fit: cover;
+  border: 3px solid blue;
+  border-radius: 20px;
 }
 /* ====== Site Layout ====== 
 Setting the overall rules for page regions
@@ -53,9 +57,11 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
-  position: fixed;
-  bottom: 0;
   text-align: center;
+  font-size: 0.8rem;
+  color: var(--ink);
+  margin-top: 20px;
+  padding: 10px;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
@@ -79,14 +85,27 @@ Keeping things orderly and separate is the key to good, simple CSS.
 */
 article {
   border: var(--line);
+  border-radius: 20px;
+  box-shadow: 0 0 15px blue;
   padding-bottom: var(--space);
   text-align: left;
   display: grid;
   grid-template-columns: var(--space) 1fr var(--space);
-  > * {
-    grid-column: 2/3;
-  }
+}
+article > * {
+  grid-column: 2 / 3;
+}
+article > img {
+  grid-column: 2 / 3;
+  margin-top: var(--space);
+}
   > img {
-    grid-column: span 3;
-  }
+  grid-column: 2 / 3;
+  margin-top: var(--space);
+}
+h1,
+h2,
+a {
+  text-transform: uppercase;
+  letter-spacing: 1px;
 }