Не можете обосновать содержание сетки (Material-ui, React), Вы знаете, как это исправить? - PullRequest
Новая
       43

Не можете обосновать содержание сетки (Material-ui, React), Вы знаете, как это исправить?

0 голосов
/ 12 апреля 2020

Я занимаюсь разработкой сайта с помощью React, но не могу обосновать элементы сетки. Как видите, я также создал класс "divcard" для начального класса. Я пробовал разные способы, но ничего не работает. Я прилагаю код сетки и класс divcard. Прикрепленный код сетки не является полным. Спасибо за помощь 

divcard: {

          backgroundColor: '#212121',
          padding: theme.spacing(3),
          flexGrow : 1,
          flex : 1,
          justifyContent: 'center',
          display: 'flex'

        }



  <Route path="/Critto" render={() => 


     <div className={classes.divcard}>

                    <Grid  container direction='row' spacing={4}  justify='center'>

                        <Grid item xs={12}>

                            <SimpleImageSlider width={600}  height = {400} images = {imagesSlider} slideDuration = '1'/>

                        </Grid>

                        <Grid item xs={6}>

                          <Card className={classes.cardstats} style = {{color : '#faf7f7', marginTop: 70}}>
                                <CardActionArea>
                                  <CardMedia
                                    className={classes.mediacard}
                                    image={TimeLine}
                                    title="Storia Della Crittografia"
                                  />
                                  <CardContent>
                                    <Typography gutterBottom variant="h5" component="h2" >
                                      Storia Crittografia 
                                    </Typography>
                                    <Typography variant="body2" color="textSecondary" component="p" style = {{color : '#faf7f7'}}>
                                      grrrrr testo quiiiiiii
                                    </Typography>
                                  </CardContent>
                                </CardActionArea>
                                <CardActions>
                                  <Link to="/Critto" style = {{textDecoration : 'none '}}>
                                  <Button  variant="contained" size = 'small' className={classes.buttoncard}>
                                    Learn More
                                  </Button>

                                  </Link>
                                </CardActions>
                          </Card>

                         </Grid>
...