Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
22 lines
752 B
JavaScript
22 lines
752 B
JavaScript
import Avatar from '@mui/material/Avatar';
|
|
import Box from '@mui/material/Box';
|
|
import Grid from '@mui/material/Grid';
|
|
|
|
export default function CenteredElementGrid() {
|
|
return (
|
|
<Box sx={{ flexGrow: 1 }}>
|
|
<Grid container spacing={2} minHeight={160}>
|
|
<Grid display="flex" justifyContent="center" alignItems="center" size="grow">
|
|
<Avatar src="/static/images/avatar/1.jpg" />
|
|
</Grid>
|
|
<Grid display="flex" justifyContent="center" alignItems="center">
|
|
<Avatar src="/static/images/avatar/2.jpg" />
|
|
</Grid>
|
|
<Grid display="flex" justifyContent="center" alignItems="center" size="grow">
|
|
<Avatar src="/static/images/avatar/3.jpg" />
|
|
</Grid>
|
|
</Grid>
|
|
</Box>
|
|
);
|
|
}
|