Docs: change screenshot size and spacing
This commit is contained in:
parent
35bb81d2ad
commit
19aa3da68b
@ -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>
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
.screenshot {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.screenshot > img {
|
||||
max-width: 350px;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user