mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 09:35:56 -05:00
Change heading levels
This commit is contained in:
parent
229a2040e1
commit
99ddaeea0e
5 changed files with 23 additions and 9 deletions
|
@ -19,7 +19,7 @@ const TTTTile = props => (
|
|||
/>
|
||||
</div>
|
||||
<div className="ttt-tile-info">
|
||||
<h4 className="ttt-tile-title">{props.title}</h4>
|
||||
<h3 className="ttt-tile-title">{props.title}</h3>
|
||||
<p className="ttt-tile-description">
|
||||
{props.description}
|
||||
</p>
|
||||
|
|
|
@ -104,3 +104,7 @@
|
|||
height: 1rem;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
|
|
@ -46,7 +46,7 @@ const About = () => (
|
|||
<div className="body">
|
||||
<ul>
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.whoUsesScratch" /></h3>
|
||||
<h2><FormattedMessage id="about.whoUsesScratch" /></h2>
|
||||
<img
|
||||
alt=""
|
||||
src="/images/about/who-uses-scratch.jpg"
|
||||
|
@ -55,7 +55,7 @@ const About = () => (
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.literacy" /></h3>
|
||||
<h2><FormattedMessage id="about.literacy" /></h2>
|
||||
<iframe
|
||||
allowFullScreen
|
||||
mozallowfullscreen={'true'}
|
||||
|
@ -67,7 +67,7 @@ const About = () => (
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.aroundTheWorld" /></h3>
|
||||
<h2><FormattedMessage id="about.aroundTheWorld" /></h2>
|
||||
<img
|
||||
alt=""
|
||||
src="/images/about/around-the-world.png"
|
||||
|
@ -90,7 +90,7 @@ const About = () => (
|
|||
/></p>
|
||||
</li>
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.schools" /></h3>
|
||||
<h2><FormattedMessage id="about.schools" /></h2>
|
||||
<img
|
||||
alt=""
|
||||
src="/images/about/scratch-in-schools.jpg"
|
||||
|
@ -107,7 +107,7 @@ const About = () => (
|
|||
/></p>
|
||||
</li>
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.quotes" /></h3>
|
||||
<h2><FormattedMessage id="about.quotes" /></h2>
|
||||
<img
|
||||
alt="Quotes about Scratch"
|
||||
src="/images/about/quotes.gif"
|
||||
|
@ -127,7 +127,7 @@ const About = () => (
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.research" /></h3>
|
||||
<h2><FormattedMessage id="about.research" /></h2>
|
||||
<img
|
||||
alt=""
|
||||
src="/images/about/research-remix.png"
|
||||
|
@ -186,7 +186,7 @@ const About = () => (
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.learnMore" /></h3>
|
||||
<h2><FormattedMessage id="about.learnMore" /></h2>
|
||||
<ul className="list">
|
||||
<li>
|
||||
<a href="/faq"><FormattedMessage id="about.learnMoreFaq" /></a>
|
||||
|
@ -204,7 +204,7 @@ const About = () => (
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<h3><FormattedMessage id="about.support" /></h3>
|
||||
<h2><FormattedMessage id="about.support" /></h2>
|
||||
<p><FormattedMessage
|
||||
id="about.supportDescription"
|
||||
values={{
|
||||
|
|
|
@ -47,6 +47,10 @@
|
|||
padding: 26px 40px 6px;
|
||||
width: calc(100% - 80px);
|
||||
|
||||
h2 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
|
|
|
@ -83,6 +83,12 @@ $base-bg: $ui-white;
|
|||
.categories {
|
||||
justify-content: flex-start;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
li {
|
||||
border: 0;
|
||||
background-color: $active-gray;
|
||||
|
|
Loading…
Reference in a new issue