[Elfix]

Приветствую!

Не откажите пожалуйста в помощи по сходному вопросу.
Никак не получается DIV растянуть на всю ширину и на всю высоту родительского элемента в React при использовании material-ui.
Кроме того, нужно чтобы div располагался по центру в том числе по вертикали. Но почему-то он никак не центрируется.

Как это починить?

<Grid container direction="row" justify="center" alignItems="center" >
				<Grid item xs={6}>
					<Card style={{marginRight: 15, height: 450}}>
						<CardContent style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
							<div>
								Этот DIV должен быть растянут на всю площадь родителя.
							</div>
						</CardContent>
					</Card>
				</Grid>
				<Grid item xs={6}>
					<Card style={{height: 450}}>
						<CardContent style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
							<div>
								Этот DIV должен быть растянут на всю площадь родителя.
							</div>
						</CardContent>
					</Card>
				</Grid>
			</Grid>