This isn’t able to work in the code?
Flex without the invisible div: https://jsfiddle.net/rxjo7can/1/
It is no longer in the middle now.
.buttonContainerC {
display: flex;
flex-wrap: wrap;
/*justify-content: space-around;*/
align-content: space-around;
max-width: 569px;
gap: 10px;
}