diff --git a/src/views/studio/studio.scss b/src/views/studio/studio.scss index bfb1f3c5d..24e7d0bfb 100644 --- a/src/views/studio/studio.scss +++ b/src/views/studio/studio.scss @@ -248,12 +248,9 @@ $radius: 8px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); - @media #{$medium-and-intermediate} { + @media #{$intermediate-and-smaller} { & { grid-template-columns: repeat(2, minmax(0,1fr)); } } - @media #{$small} { - & { grid-template-columns: repeat(1, minmax(0,1fr)); } - } column-gap: 30px; row-gap: 20px; @@ -326,12 +323,9 @@ $radius: 8px; margin-top: 20px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); - @media #{$medium-and-intermediate} { + @media #{$intermediate-and-smaller} { & { grid-template-columns: repeat(2, minmax(0,1fr)); } } - @media #{$small} { - & { grid-template-columns: repeat(1, minmax(0,1fr)); } - } column-gap: 30px; row-gap: 20px; .studio-members-load-more { @@ -339,6 +333,10 @@ $radius: 8px; } } +.studio-tabs { + min-width: 300px; +} + .studio-member-tile { background: white; border-radius: 8px;