Align center

Hey

I want two images side by side on all screens. I added a Gallery and tried to center, but it does not center.

Right and Left works, center does not.

I also tried throwing in a Div with class for CSS center but the Div is removed around the Gallery. Why?

I also tried grabbing the existing classes for CSS manipulation but nothing…

I tried to delete it all and start over. To no avail

Code im strugling with:

<!-- wp:gallery {"ids":["9543","9542"],"sizeSlug":"vp_sm","align":"center"} -->
<figure class="wp-block-gallery aligncenter columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="https://myawesomesite.com/wp-content/uploads/2020/05/Crops-1000px-101-500x313.jpg" alt="Alpha Industries" data-id="9543" data-full-url="https://ewarmy.com/wp-content/uploads/2020/05/Crops-1000px-101.jpg" data-link="https://ewarmy.com/?attachment_id=9543" class="wp-image-9543"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://myawesomesite.com/wp-content/uploads/2020/05/Crops-1000px-100-500x313.jpg" alt="Alpha Industries" data-id="9542" data-full-url="https://ewarmy.com/wp-content/uploads/2020/05/Crops-1000px-100.jpg" data-link="https://ewarmy.com/?attachment_id=9542" class="wp-image-9542"/></figure></li></ul></figure>
<!-- /wp:gallery -->

• This topic was modified 4 years, 6 months ago by hebhansen.