scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Change heading levels

Browse source
This commit is contained in:
Paul Clue 2022-12-02 11:57:54 -05:00
parent 229a2040e1
commit 99ddaeea0e
5 changed files with 23 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/ttt-tile/ttt-tile.jsx
View file

@ -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>

4
src/components/ttt-tile/ttt-tile.scss
View file

@ -104,3 +104,7 @@
height: 1rem;
vertical-align: text-bottom;
}
h3 {
font-size: 1em;
}

16
src/views/about/about.jsx
View file

@ -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={{

4
src/views/about/about.scss
View file

@ -47,6 +47,10 @@
padding: 26px 40px 6px;
width: calc(100% - 80px);
h2 {
font-size: 1.4rem;
}
ul {
display: flex;
margin: 0;

6
src/views/explore/explore.scss
View file

@ -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;