shortened harvard text, improved responsive styles for SiP

This commit is contained in:
Ben Wheeler 2019-03-25 23:32:31 -04:00
parent 836af62e13
commit fc466fa7cc
2 changed files with 48 additions and 26 deletions

View file

@ -13,7 +13,7 @@
"teacherlanding.abbreviatedSipName":"SiP",
"teacherlanding.howUsingScratch":"How Educators Are Using Scratch",
"teacherlanding.seeLatest":"See the latest",
"teacherlanding.creativeComputing": "{scratchEdLink} from the ScratchEd Team at the Harvard Graduate School of Education provides plans, activities, and strategies for introducing creative computing in the classroom.",
"teacherlanding.creativeComputing": "{scratchEdLink} from the ScratchEd Team at Harvard provides plans, activities, and strategies for introducing creative computing in the classroom.",
"teacherlanding.scratchEdLinkText" : "Creative Computing",
"teacherlanding.studentResourcesTitle" : "Resources for Students",
"teacherlanding.tutorialResources": "Explore {tutorialLink} to find out how you can create stories, animations, games, and more!",

View file

@ -99,7 +99,9 @@ $story-width: $cols3;
.sip-info {
width: 21.75rem;
padding: 2rem;
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
h2 {
line-height: 2.7rem;
@ -259,16 +261,20 @@ $story-width: $cols3;
}
}
.feature {
.educators-using {
width: 484px;
}
.educators {
.feature {
.educators-using {
width: 484px;
}
.sip-info {
text-align: center;
h2 {
.sip-info {
text-align: center;
padding-top: 0;
margin: auto;
h2 {
text-align: center;
}
}
}
}
@ -314,16 +320,20 @@ $story-width: $cols3;
width: $story-width;
}
.feature {
.educators-using {
width: 484px;
}
.educators {
.feature {
.educators-using {
width: 484px;
}
.sip-info {
text-align: center;
h2 {
.sip-info {
text-align: center;
padding-top: 0;
margin: auto;
h2 {
text-align: center;
}
}
}
}
@ -408,14 +418,6 @@ $story-width: $cols3;
text-align: left;
}
.feature {
.sip-info {
h2 {
text-align: left;
}
}
}
.flex-row {
&.sidebar-row {
@ -462,6 +464,24 @@ $story-width: $cols3;
}
}
}
.feature {
.educators-using {
.using-scratch-image {
width: 300px;
padding: 2.75rem 1.25rem;
}
.sip-info {
padding-top: 2rem;
h2 {
text-align: left;
}
}
}
}
}
section {
@ -524,6 +544,8 @@ $story-width: $cols3;
.feature {
.sip-info {
padding-top: 2rem;
h2 {
text-align: left;
}