CSS:

- fixed parsing errors flagged in w3: un-nested rules from main {} and article {}

Author: CraigStodd

Wireframe/style.css

@@ -84,10 +84,13 @@ main {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--space);
-  > *:first-child {
-    grid-column: span 2;
-  }
 }
+
+ /* Moved outside of main {} to fix parsing error */
+ main > *:first-child {
+  grid-column: span 2;
+}
+
 /* ====== 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.
@@ -99,11 +102,13 @@ article {
   text-align: justify;
   display: grid;
   grid-template-columns: var(--space) 1fr var(--space);
-  > * {
-    grid-column: 2/3;
-  }
-  > img {
-    grid-column: span 3;
-    
-  }
+}
+
+ /* Moved outside of article {} to fix parsing error */
+ article > * {
+  grid-column: 2/3;
+}
+/* Moved outside of article {} to fix parsing error */
+ article > img {
+  grid-column: span 3;
 }