Я не могу понять это. Я пытаюсь использовать компонент 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