mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-17 00:21:20 -05:00
made project notes look better on mobile
This commit is contained in:
parent
a94b9d6c84
commit
32ab0202bc
1 changed files with 14 additions and 0 deletions
|
@ -200,6 +200,14 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
|
|||
.guiPlayer {
|
||||
display: inline-block;
|
||||
width: $player-width;
|
||||
|
||||
@media #{$small} {
|
||||
width: 100%;
|
||||
|
||||
.stage-wrapper {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.project-notes {
|
||||
|
@ -209,6 +217,12 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
|
|||
flex: 1;
|
||||
flex-flow: column;
|
||||
|
||||
@media #{$medium-and-small} {
|
||||
margin-top: 1rem;
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> .description-block:first-child {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue