From 80c22f498f122779814498e81bf990864860b329 Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Mon, 7 Feb 2022 14:58:19 +0000 Subject: [PATCH] Tweaks to CSS In effort to alleviate the CSS Grid issue --- src/css/style.css | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/src/css/style.css b/src/css/style.css index f242654..fb0176d 100644 --- a/src/css/style.css +++ b/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;