tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweaks to CSS 

In effort to alleviate the CSS Grid issue
This commit is contained in:
Robert McGovern 2022-02-07 14:58:19 +00:00
parent de75514da9
commit 80c22f498f
1 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/css/style.css
View File

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