style: improve article layout and spacing

Author: caro-vh

Wireframe/style.css

@@ -84,21 +84,14 @@ footer {
   text-align: center;
 }
 
-/* ====== Article Layout ====== 
-Setting the rules for how elements are placed in the article. 
-Now laying out just the INSIDE of the repeated card/article design.
-Keeping things orderly and separate is the key to good, simple CSS.
-*/
 article {
   border: var(--line);
-  padding-bottom: var(--space);
-  text-align: left;
-  display: grid;
-  grid-template-columns: var(--space) 1fr var(--space);
-  > * {
-    grid-column: 2/3;
-  }
-  > img {
-    grid-column: span 3;
-  }
+  padding: var(--space);
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+article h2 {
+  margin: 0;
 }