css required to make four blocks the same size on a tablet display

Hello there,

And thanks so much in advance for your help.

I am having a real headache with the blue blocks under the title: ‘How is BSPA different?’ – no matter what I try, I can’t get the blocks to be the same size on a tablet. And on a tablet display the fourth block ‘We’ve seen it before’ keeps going onto the next row.

Could you please help me find some css that will make the blocks the same size? And keep them in the same row?

I was thinking of using a background image behind each column element, but I could also make the background color of the column element blue and use border-radius to curve the edges.

I really appreciate your help!

Kindly,
Sarah

• This topic was modified 3 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

The page I need help with: [log in to see the link]