Here is the code snippet I am currently working on:
<Container className={Styles.projectSelection}>
<Grid container item spacing={8} alignItems="center">
<Grid item>
<Typography variant="h3" color="primary">
Projects
</Typography>
</Grid>
<Grid item>
<Searchbar />
</Grid>
</Grid>
<Grid container item></Grid>
<Grid container item>
<Grid item>
<Button startIcon={<AddRounded />}>Create Project</Button>
</Grid>
</Grid>
</Container>
regarding the projectSelection class
.projectSelection {
display: flex !important;
flex-direction: column;
align-items: center;
}
Although properties defined under the projectSelection class are effective for components like h1 within the container, why do they fail to work with grid?