<Grid container spacing={3}>
{this.state.tvShow.map((item, i) => {
return(
<Grid item xs={3}
key={i}
onClick={this.openDetails.bind(this, i)}
onHide={this.closeDetails}
>
<Card>
<CardMedia
style={{height:0, paddingTop: '56.25%'}}
component="img"
image={item.image.original}
/>
<CardContent>
<Typography component="h2">
{item.name}
</Typography>
<Typography component="h3">
Year: {item.premiered}
</Typography >
<Typography component="h3">
Rating: {item.rating.average}
</Typography>
</CardContent>