scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix tutorials spacing and size

Browse source
This commit is contained in:
seotts 2020-10-23 16:45:17 -04:00
parent 544df10aae
commit 497ba5c6f3
2 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/views/annual-report/annual-report.jsx
View file

@ -1978,9 +1978,6 @@ class AnnualReport extends React.Component {
</Button>
</a>
</div>
<div className="financials-future">
<FormattedMessage id="annualReport.financialsFutureYears" />
</div>
</div>
</div>
<div

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

@ -1513,7 +1513,7 @@ p {
}
.tools-tutorials {
max-width: 780px;
width: 760px;
text-align: center;
display: flex;
flex-direction: column;
@ -1532,13 +1532,24 @@ p {
margin: 32px 0;
img {
width: 180px;
border-radius: 8px;
@media #{$big} {
width: 180px;
height: 100px;
}
@media #{$intermediate} {
width: 140px;
height: 76px;
}
@media #{$medium} {
width: 220px;
height: 120px;
}
@media #{$small} {
width: 140px;
height: 76px;
}
}
.tools-stats {
max-width: 460px;
}
}
@ -1603,6 +1614,10 @@ p {
}
}
.tools-tutorials {
width: 620px;
}
.tools-abhi {
width: 100%;
align-items: center;
@ -1682,7 +1697,6 @@ p {
img {
margin: 8px;
width: 200px;
}
}