Buttons are not staying centered.

[htmlcssjavascript28]

It should not start out looking like this:


or looking like this:


code: Edit fiddle - JSFiddle - Code Playground

.buttonContainerB {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  align-content: center;
  max-width: 569px;
  gap: 10px;
}

Goes from this: Which is correct



To this: Where it gets pushed to the left.

 

[tomliv]

I went to your fiddle. Looks like what you want ("Goes from this: Which is correct"). What's the issue? Hard to help w/o a link or complete code.