Tweaks to CSS

In effort to alleviate the CSS Grid issue

src/css/style.css

@@ -73,7 +73,8 @@ body {
 .frontEndMentorChallenges,
 .freecodeCampProjects,
 .completeWebDev2020Projects,
-.vanillaJSProjects {
+.vanillaJSProjects,
+.responsiveProjects {
     margin-top: var(--marginTop);
 }
 
@@ -82,12 +83,6 @@ body {
     font-size: 1.8rem;
 }
 
-/* .frontEndMentorChallenges {} */
-
-.frontEndMentorChallenges {
-    margin-left: 1rem;
-}
-
 .frontEndMentorChallenges > h3,
 .responsiveProjects > h3 {
     font-weight: 600;
@@ -107,10 +102,7 @@ body {
 }
 
 .alignedHeader img {
-    /* /* width: 100%;  */
     height: 100%;
-
-    /* margin-left: auto; */
 }
 
 .stacked {
@@ -154,8 +146,13 @@ body {
     overflow: hidden;
 }
 
+.project-card a {
+    height: auto;
+}
+
 .card__img {
     width: 100%;
+    height: auto;
     aspect-ratio: 1 / 1.25;
     object-fit: cover;
 }
@@ -194,9 +191,9 @@ body {
 }
 
 @media (min-width: 38em) {
-    .card__img {
-        aspect-ratio: 1 / 1;
-    }
+    /* .card__img {
+        aspect-ratio: 1 / 1.25;
+    } */
 
     .project-card.featured {
         grid-row: span 2;