cleanup cardmedia
This commit is contained in:
parent
397749b552
commit
5d333cf4fd
|
@ -15,7 +15,7 @@ const styles = theme => ({
|
||||||
root: {
|
root: {
|
||||||
display: 'grid',
|
display: 'grid',
|
||||||
gridTemplateColumns: '1fr 5fr',
|
gridTemplateColumns: '1fr 5fr',
|
||||||
gridTemplateRows: '1fr 7fr',
|
gridTemplateRows: '1fr 4fr',
|
||||||
gridColumnGap: '1em',
|
gridColumnGap: '1em',
|
||||||
gridRowGap: '36px',
|
gridRowGap: '36px',
|
||||||
margin: '1.75rem 4.5rem'
|
margin: '1.75rem 4.5rem'
|
||||||
|
@ -87,27 +87,13 @@ function Project({ classes }) {
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className={classes.secondRow}>
|
<div className={classes.secondRow}>
|
||||||
<Card className={classes.card}>
|
|
||||||
<CardActionArea>
|
|
||||||
<CardMedia
|
<CardMedia
|
||||||
component="img"
|
component="img"
|
||||||
alt="video"
|
alt="video"
|
||||||
className={classes.media}
|
className={classes.media}
|
||||||
height="140"
|
|
||||||
src="https://images.pexels.com/photos/1464143/pexels-photo-1464143.jpeg?cs=srgb&dl=background-camera-close-up-1464143.jpg&fm=jpg"
|
src="https://images.pexels.com/photos/1464143/pexels-photo-1464143.jpeg?cs=srgb&dl=background-camera-close-up-1464143.jpg&fm=jpg"
|
||||||
title="media-description"
|
title="media-description"
|
||||||
/>
|
/>
|
||||||
<CardContent>
|
|
||||||
<Typography gutterBottom variant="h5" component="h2">
|
|
||||||
Lizard
|
|
||||||
</Typography>
|
|
||||||
<Typography component="p">
|
|
||||||
Lizards are a widespread group of squamate reptiles, with over 6,000 species, ranging
|
|
||||||
across all continents except Antarctica
|
|
||||||
</Typography>
|
|
||||||
</CardContent>
|
|
||||||
</CardActionArea>
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<div className={classes.infoBox}>
|
<div className={classes.infoBox}>
|
||||||
<div className={classes.infoBoxSection}>
|
<div className={classes.infoBoxSection}>
|
||||||
|
|
Loading…
Reference in New Issue