scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-25 20:29:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions4

Scratch Lab image alignment

Browse source
This commit is contained in:
seotts 2022-05-05 15:36:03 -04:00
parent 9a291df074
commit 12b79b3b16
2 changed files with 13 additions and 8 deletions
src/views/annual-report/2021
annual-report.jsxannual-report.scss

16
src/views/annual-report/2021/annual-report.jsx
View file

@ -1702,15 +1702,15 @@ class AnnualReport extends React.Component {
<div className="initiatives-subsection-content lab">
<div className="wide inner community">
<div className="content two-wide split">
<Tag
text={this.props.intl.formatMessage(
{id: 'annualReport.2021.spotlightStory'}
)}
color="purple"
type="snapshot"
/>
<div className="content two-wide split scratch-lab">
<div className="text">
<Tag
text={this.props.intl.formatMessage(
{id: 'annualReport.2021.spotlightStory'}
)}
color="purple"
type="snapshot"
/>
<h4>
<FormattedMessage id="annualReport.2021.communityScratchLabTitle" />
</h4>

5
src/views/annual-report/2021/annual-report.scss
View file

@ -1449,6 +1449,11 @@ img.comment-viz{
.two-wide{
margin: 50px auto 0px;
max-width: 840px;
&.scratch-lab {
margin: 24px auto 0px;
}
.bubble{
margin: -25px 0 40px;
}