display: grid makes columns. Paste CSS into the CSS pane.

Goal

A two-column kiosk card.

Paste into the HTML pane:

<div class="grid">
  <div>Nairobi</div>
  <div>12 units</div>
  <div>Mombasa</div>
  <div>8 units</div>
</div>

Paste into the CSS pane:

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.grid div { padding: 8px; background: #eee; }

.grid { max-width: 320px; }

.grid div { font-family: sans-serif; }