cleanup cardmedia

This commit is contained in:
Barry Gitarts 2019-02-12 10:16:43 -05:00 committed by Barry G
parent 397749b552
commit 5d333cf4fd
1 changed files with 8 additions and 22 deletions

View File

@ -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}> <CardMedia
<CardActionArea> component="img"
<CardMedia alt="video"
component="img" className={classes.media}
alt="video" src="https://images.pexels.com/photos/1464143/pexels-photo-1464143.jpeg?cs=srgb&dl=background-camera-close-up-1464143.jpg&fm=jpg"
className={classes.media} title="media-description"
height="140" />
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"
/>
<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}>