mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 09:35:56 -05:00
fix tutorials spacing and size
This commit is contained in:
parent
544df10aae
commit
497ba5c6f3
2 changed files with 21 additions and 10 deletions
|
@ -1978,9 +1978,6 @@ class AnnualReport extends React.Component {
|
|||
</Button>
|
||||
</a>
|
||||
</div>
|
||||
<div className="financials-future">
|
||||
<FormattedMessage id="annualReport.financialsFutureYears" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
|
|
@ -1513,7 +1513,7 @@ p {
|
|||
}
|
||||
|
||||
.tools-tutorials {
|
||||
max-width: 780px;
|
||||
width: 760px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -1532,14 +1532,25 @@ 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;
|
||||
}
|
||||
}
|
||||
|
||||
.tools-abhi {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue