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

finish tools mobile intermediate

Browse source
This commit is contained in:
seotts 2020-10-15 13:52:02 -04:00 committed by Karishma Chadha
parent 6c7096c314
commit 4513fd8503
1 changed files with 83 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -693,7 +693,7 @@ p {
width: 340px; width: 340px;
} }
@media #{$medium} { @media #{$medium} {
width: 192px; width: 248px;
} }
@media #{$small} { @media #{$small} {
width: 132px; width: 132px;
@ -893,6 +893,88 @@ p {
} }
} }
} }
@media #{$medium-and-smaller} {
.inner {
max-width: 460px;
}
.tools-extensions {
width: 100%;
justify-content: center;
.tools-extension {
width: 100%;
margin-bottom: 60px;
.tools-stats {
justify-content: space-around;
}
}
}
.tools-LEGO, .tools-app {
width: 100%;
align-items: center;
justify-content: center;
margin-top: 0px;
.tools-LEGO-info, .tools-app-info {
width: 100%;
}
h4, p {
text-align: center;
}
h4 {
margin: 36px 0;
}
img {
width: 300px;
order: -1;
}
.subsection-tag {
align-self: center;
}
}
.tools-tutorials {
width: 100%;
.tutorial-list {
justify-content: center;
img {
margin: 8px;
width: 200px;
}
}
.tools-stats {
max-width: 100%;
width: 100%;
justify-content: space-around;
}
}
.tools-abhi {
h2 {
margin-top: 28px;
}
}
.abhi-quote {
width: 460px;
}
.emoji-text {
text-align: left;
}
}
} }
.initiatives-community { .initiatives-community {