Docs: change screenshot size and spacing

This commit is contained in:
MM20 2022-10-09 23:05:18 +02:00
parent 35bb81d2ad
commit 19aa3da68b
No known key found for this signature in database
GPG Key ID: 0B61A8F2DEAFA389
2 changed files with 26 additions and 6 deletions

View File

@ -8,24 +8,36 @@ export default function HomepageScreenshots(): JSX.Element {
<div className="container padding-vert--xl">
<div className="row">
<div className="col col--4">
<img src="img/screenshot-1.png"></img>
<div className={styles.screenshot}>
<img src="img/screenshot-1.png"></img>
</div>
</div>
<div className="col col--4">
<img src="img/screenshot-2.png"></img>
<div className={styles.screenshot}>
<img src="img/screenshot-2.png"></img>
</div>
</div>
<div className="col col--4">
<img src="img/screenshot-3.png"></img>
<div className={styles.screenshot}>
<img src="img/screenshot-3.png"></img>
</div>
</div>
</div>
<div className="row">
<div className="col col--4">
<img src="img/screenshot-4.png"></img>
<div className={styles.screenshot}>
<img src="img/screenshot-4.png"></img>
</div>
</div>
<div className="col col--4">
<img src="img/screenshot-5.png"></img>
<div className={styles.screenshot}>
<img src="img/screenshot-5.png"></img>
</div>
</div>
<div className="col col--4">
<img src="img/screenshot-6.png"></img>
<div className={styles.screenshot}>
<img src="img/screenshot-6.png"></img>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,8 @@
.screenshot {
display: flex;
justify-content: center;
margin-bottom: 4rem;
}
.screenshot > img {
max-width: 350px;
}