Unverified Commit d5e9dd08 authored by Paul Kaplan's avatar Paul Kaplan Committed by GitHub

Merge pull request #5609 from fsih/adjustResponsive

Adjust responsive boundaries for grid reflow
parents 48958ddb f11cd559
...@@ -248,12 +248,9 @@ $radius: 8px; ...@@ -248,12 +248,9 @@ $radius: 8px;
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0,1fr)); grid-template-columns: repeat(3, minmax(0,1fr));
@media #{$medium-and-intermediate} { @media #{$intermediate-and-smaller} {
& { grid-template-columns: repeat(2, minmax(0,1fr)); } & { grid-template-columns: repeat(2, minmax(0,1fr)); }
} }
@media #{$small} {
& { grid-template-columns: repeat(1, minmax(0,1fr)); }
}
column-gap: 30px; column-gap: 30px;
row-gap: 20px; row-gap: 20px;
...@@ -326,12 +323,9 @@ $radius: 8px; ...@@ -326,12 +323,9 @@ $radius: 8px;
margin-top: 20px; margin-top: 20px;
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0,1fr)); grid-template-columns: repeat(3, minmax(0,1fr));
@media #{$medium-and-intermediate} { @media #{$intermediate-and-smaller} {
& { grid-template-columns: repeat(2, minmax(0,1fr)); } & { grid-template-columns: repeat(2, minmax(0,1fr)); }
} }
@media #{$small} {
& { grid-template-columns: repeat(1, minmax(0,1fr)); }
}
column-gap: 30px; column-gap: 30px;
row-gap: 20px; row-gap: 20px;
.studio-members-load-more { .studio-members-load-more {
...@@ -339,6 +333,10 @@ $radius: 8px; ...@@ -339,6 +333,10 @@ $radius: 8px;
} }
} }
.studio-tabs {
min-width: 300px;
}
.studio-member-tile { .studio-member-tile {
background: white; background: white;
border-radius: 8px; border-radius: 8px;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment