Skip to content

Commit

Permalink
Styles: update styles to accomodate more cards at 'ExpertiseSummaryPa…
Browse files Browse the repository at this point in the history
…ge.scss'
  • Loading branch information
ITurres committed Feb 7, 2024
1 parent e24a74d commit 594c183
Showing 1 changed file with 12 additions and 29 deletions.
41 changes: 12 additions & 29 deletions src/styles/pages/ExpertiseSummaryPage.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,17 +34,19 @@ $font-family-regular: fonts.$font-family-regular;
0 // * bottom-desktop
);

display: flex;
flex-direction: column;
align-items: center;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
align-items: end;
min-height: 100vh;

&__card {
min-width: 250px;
max-width: 350px;
// stylelint-disable-next-line
height: fit-content;
margin: 1rem;
padding: 1rem;
border: 2px solid rgba(255, 255, 255, 0.042);
padding: 0.5rem;
padding-bottom: 0.8rem;
border: 2px solid rgba(255, 255, 255, 0.063);
border-radius: 0.5rem;

&:nth-child(1) {
Expand All @@ -71,7 +73,7 @@ $font-family-regular: fonts.$font-family-regular;
margin: 0.3rem;
padding: 0.5rem;
border-radius: 0.5rem;
background-color: rgba(255, 255, 255, 0.073);
background-color: rgba(13, 30, 40, 0.495);
}
}

Expand All @@ -96,7 +98,7 @@ $font-family-regular: fonts.$font-family-regular;
}
}

@media screen and (min-width: 768px) {
@media (min-width: 768px) {
@include mixins.component-code-snippet(
'const Expertise = () => {',
$dark,
Expand All @@ -105,31 +107,12 @@ $font-family-regular: fonts.$font-family-regular;
// * top
1,
// * bottom
0 // * bottom-desktop
1 // * bottom-desktop
);

padding-top: 3rem;
}

@media (min-width: 1366px) {
// flex-direction: row;
padding-top: 4rem;
padding-left: 6rem;

&__card {
h2 {
text-align: end;
}

&:nth-child(1) {
margin-top: 4rem;
align-self: flex-start;
}

&:nth-child(3) {
align-self: flex-end;
}
}

.squares--container {
justify-content: flex-end;
padding-right: 0.7rem;
Expand Down

0 comments on commit 594c183

Please sign in to comment.