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="container padding-vert--xl">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col col--4">
|
<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>
|
||||||
<div className="col col--4">
|
<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>
|
||||||
<div className="col col--4">
|
<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>
|
</div>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col col--4">
|
<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>
|
||||||
<div className="col col--4">
|
<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>
|
||||||
<div className="col col--4">
|
<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>
|
</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