Центрировать элементы сетки в пользовательском интерфейсе материала ⇐ CSS

[Anonymous]

Я пытался центрировать элементы сетки пользовательского интерфейса материала, но не смог этого добиться, и в документе говорится, что вы можете использовать реквизиты justifyItems и alignItems, но я не смог добиться этого, используя этот. Любая помощь?
Элементы не центрированы
Я попробовал образец ниже, но не уверен, что здесь не так, элементы сетки начинаются с самого начала
р>
`const HeaderCopy: React.FC = () => {
const [anchorEl, setAnchorEl] = React.useState(null);

const handleMenu = (event: React.MouseEvent) => {
setAnchorEl(event.currentTarget);
};

const handleClose = () => {
setAnchorEl(null);
};
return (






ALl IS WELL






Home
My Profile
My Settings
Logout




);
}`


Подробнее здесь: https://stackoverflow.com/questions/784 ... aterial-ui