Make column height match row height

I’d like to make the column height of some of my columns match the height of the row they’re located in.

I’ve been able to do this so far by padding out the specific columns that I would like to take up the height of the row, but if the row height changes for any reason the padding either isn’t enough and ends up falling short of the full row height, or it’s too much and ends up increasing the row height where I’d rather it didn’t.

I think there might be a more elegant solution to this; somehow setting the column height to the row height, so that it works no matter what, but I’m at the bottom of the steep css learning curve and I’m hoping for a bit of help on this one.

My site is runparis.fr and the columns that I’d like to take up the full row height are the ones that are an “opaque black” to make the white text more legible.

I hope someone can help like the many solutions to other problems I’ve solved on this excellent forum.

Cheers, Luke