Archived topic

recent post block, issues with responsiveness or my mistake?

3 replies · Started by Klaus on August 30, 2021

Viewing posts 1–4 of 4

August 30, 2021 at 2:04 am #1912382

Hi,

probably the latter one, but after hours on google and in the chrome inspector I don't find the solution.

I have a recent post block with a grid 3columns/2rows. See here and scroll down a bit: https://uno-fulda.de.

If I shrink the screen, the featured impages start merging into each other. On my iPhone 11 if I hold it vertically it work works, if I hold it horizontally it doesn't. On the ipad both portrait and landscape view are messed up.

Is there a solution?

Best regards
Klaus

August 30, 2021 at 4:24 am #1912530

Hi there,

Try adding this CSS:

@media (min-width: 600px) {
    .wp-block-latest-posts.columns-3 {
        justify-content: center;
    }
    .wp-block-latest-posts.columns-3 li {
        width: auto !important;
    }
}

August 30, 2021 at 5:33 am #1912593

Hi David,
many thanks. Works fine.

Great support here.

Cheers Klaus

August 30, 2021 at 6:04 am #1912621

Glad to be of help!

And thanks for the review !! Much appreciated.

This archived topic is closed to new replies.

Start building better websites today.