Text lost under image after WordPress 5.0 upgrade

Sadie: 18 January 2022

Right beneath the testimonial is the text <p>Tony (Property Manager)</p>, but it's overlapped by the WordPress 5.0 gallery that follows it. I don't think it's a float problem.


Dominic: 18 January 2022

Your gallery is set to display: flex and the images are running outside of the container. A quick fix is to add overflow:hidden to the container.

.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    overflow: hidden;

The real cause of the problem is because your images inside of the gallery are set to height: 100% but have a margin on the bottom of 1.5em, this causes the image to overflow the container. So you could remove that margin for images inside of your gallery like this.

.wp-block-gallery .blocks-gallery-item img {
    margin-bottom: 0 !important;

Use whatever solution works best in your setup.