scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 08:31:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

schools section respnsiveness

Browse source
This commit is contained in:
seotts 2020-10-22 10:54:15 -04:00 committed by Karishma Chadha
parent 44a5394667
commit 3ccd72efec
1 changed files with 29 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/views/annual-report/annual-report.scss
View file

@ -958,6 +958,10 @@ p {
max-width: 620px; max-width: 620px;
} }
@media #{$intermediate} {
max-width: 620px;
}
@media #{$small} { @media #{$small} {
padding-top: 32px; padding-top: 32px;
align-items: flex-start; align-items: flex-start;
@ -1024,14 +1028,22 @@ p {
@media #{$medium} { @media #{$medium} {
width: 80px; width: 80px;
left: -90px; left: -32px;
top: -20px; top: -8px;
img {
width: 80px;
}
} }
@media #{$small} { @media #{$small} {
width: 80px; width: 80px;
left: -80px; left: 0px;
top: -10px; top: 0px;
img {
width: 80px;
}
} }
} }
@ -1047,11 +1059,19 @@ p {
@media #{$medium} { @media #{$medium} {
width: 80px; width: 80px;
right: 0px; right: 0px;
img {
width: 80px;
}
} }
@media #{$small} { @media #{$small} {
width: 80px; width: 80px;
right: 0px; right: 0px;
img {
width: 80px;
}
} }
} }
@ -1079,8 +1099,12 @@ p {
} }
} }
@media #{$intermediate} {
max-width: 620px;
}
@media #{$medium} { @media #{$medium} {
width: 460px; max-width: 460px;
} }
@media #{$small} { @media #{$small} {