Buttons are not responding to justify-content
I'm using Material UI Grid. "justify-content: center" is there on the DOM nodes it should be, I checked it. Whether I select start, end or center, the property simply does nothing. I don't know what could possibly be wrong.
4 Replies
I'd have to see a live version and muck around in the dev tools to say for sure, but looking at this, my assumptions are:
<Grid container>
has a display of grid on it.
<Grid item>
is an item on that grid.
If that's the case, the justify-content: center
won't do anything on the item, because it isn't a grid container (or flex container, which would also work).
You could try justify-self: center
.oh, how silly of me. justify-content only works on containers, right!
fixed it.
thanks a ton!