scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 23:57:55 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #5609 from fsih/adjustResponsive

Browse source 
Adjust responsive boundaries for grid reflow
This commit is contained in:
Paul Kaplan 2021-06-18 14:52:32 -04:00 committed by GitHub
commit d5e9dd0829
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/views/studio/studio.scss
View file

@ -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;