Lyt-example-grid-flex-1

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ColinEspinas/lyt@latest/dist/lyt.min.css">
<div class="row gap">
    <div class="column -6">
        <p class="padding-m box">6 of 12</p>
    </div>
    <div class="column -6">
        <p class="padding-m box">6 of 12</p>
    </div>
</div>

CSS

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body {
  margin: 5px 10px;
  font-family: 'Lato', sans-serif;
}

.box {
	margin: 5px 0;
	background-color: #204969;
  color: #fff7f7;
	border-radius: 5px;
}