Grid avec des lignes de même hauteur sur toutes les lignes quelque soit le contenu

by Simon Hi

HTML

<h1>
  Grid avec des lignes de même hauteur sur toutes les lignes quelque soit le
  contenu
</h1>
<ul>
  <li>ABC<br />DEF</li>
  <li>ABC<br />DEF</li>
  <li>ABC</li>
  <li>ABC</li>
  <li>ABC<br />DEF<br />GHI</li>
  <li>ABC<br />DEF<br />GHI</li>
</ul>

CSS

ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 0.5em;
}
ul,
li {
  margin: 0;
  padding: 0;
}
li {
  background: blue;
  color: white;
}