.column50percent {
    float: left;
    width: 50%;
    padding: 10px;
    height: 420px; /* Should be removed. Only for demonstration */
   
    display: grid;
    grid-auto-flow: column;
    gap: 4px;
    align-items: center;
    justify-items: center;
  }
  
  /* Clear floats after the columns */
  .row50percent:after {
    content: "";
    display: table;
    clear: both;
  }