.container{
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(2, 1fr);
}

.col{
    /* display: block;
    position: absolute; */
    top: 0;
    bottom: 0;
    padding: 20px;
}

.row{
    margin-bottom: 10px;
}
/* 
.linkgrid {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 10px;
  }
  
  .gridentry > * {
    display: block;
  
    padding: 10px;
  
    text-align: center;
    
    background-color: red;
    color: white;
  
    /* This is helpful if the texts get too long to break them "naturally": */
    /* word-break: break-all; */
  /* } */