Making the content inside grid items equal height in CSS Grid

Question

I am trying to figure out how to get two columns of my grid the same height. Here is what I am after:

xxxxxxxxxxxxxxxxx   xxxxxxxxxxxxxxxxxxx 

x qqqqqqq         


        

Answer 1

You can manually set the same size if grid doesn't change (you don't insert new elements dynamically or change existing ones vertical size)

.companyInfoBox {
    padding: 20px;
    border: 1px solid #666;
    height: 265px;
}

It's simple and works (taking into accounts restrictions listed above): pen