Материал-UI сетка не ставит интервалы - PullRequest
0 голосов
/ 09 октября 2019

Я не могу понять это. Я пытаюсь использовать компонент Grid с Material-UI, но всякий раз, когда я пытаюсь это сделать, между элементами нет промежутка. Я попытался с помощью своего собственного кода, а затем некоторого кода с учебного веб-сайта, и ни один из них не дал желаемого расстояния между элементами.

Вот код, который я использовал:

<Grid container spacing={40} justify="center">
    <Grid>
      <Card>
        <Typography component='h4' variant='h4'>Manager Login</Typography>
        <Button>Login</Button>
      </Card>
    </Grid>
    <Grid>
      <Card>
        <Typography component='h4' variant='h4'>User Login</Typography>
        <Button>Login</Button>
      </Card>
    </Grid>
  </Grid>

И этоэто то, что он производит

И поскольку я знаю, что мой код не самый лучший, я также попробовал этот учебник по реагированию, и у меня возникла та же проблема.

Полный код: https://pastebin.com/n6gnQN6B Код Песочница: https://codesandbox.io/embed/interesting-mahavira-912zf

...