高度相等且垂直对齐的自适应网格

Question

我尝试为我的网页创建一个响应式网格。它工作正常，但我无法使用垂直对齐或边距：自动将列内容居中。既不垂直也不水平。

我找不到解决方法。

我的代码有什么问题吗？

select date(date),
       sum( e.eventtype = 'sightingDelivered' and l.clinic) as deliverySum,
       sum( e.eventtype = 'sightingPickup' and l.clinic) as pickupSum,
       sum( e.position_id = 4000 ) as rejectedSum,
       sum( e.position_id = 3000 ) as acceptedSum
from event e left join
     location l
     on e.position_id = l.id
where date >= $date1 and date < $date2 + interval 1 day
group by date(date);

我希望这些列具有相同的高度，并且能够将内容垂直和水平居中放置。

但是内容固定在该行的顶部，我无法将其移动到中心。