Skip to content

Commit

Permalink
style regular cards for desktop
Browse files Browse the repository at this point in the history
Co-authored-by: Steve Smodish <stevesmodish@gmail.com>
  • Loading branch information
AlexVCS and ssmodish committed Sep 11, 2024
1 parent 28c1e2d commit ad34075
Showing 1 changed file with 7 additions and 14 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,9 @@
flex-direction: column;
gap: 8px;
margin-left: 16px;
max-width: 343px;
max-width: calc(100vw - 32px);
overflow: scroll;
margin-bottom: 24px;

@media (min-width: $breakpoint-tablet) {
max-width: 719px;
}

@media (min-width: $breakpoint-desktop) {
max-width: calc(100vw - 32px);
margin-right: 16px;
}
}

h2 {
Expand All @@ -29,17 +20,19 @@ h2 {
}

.regular-selection-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px 15px;

@media (min-width: $breakpoint-tablet) {
grid-template-columns: repeat(3, 1fr);

gap: 24px 29px;
}

@media (min-width: $breakpoint-desktop) {
grid-template-columns: 280px repeat(auto-fit, minmax(280px, 1fr)) 280px;

justify-items: center;
gap: 32px;
width: 100%;
Expand Down

0 comments on commit ad34075

Please sign in to comment.