Lyt-example-grid-flex-3

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ColinEspinas/lyt@latest/dist/lyt.min.css">
<div class="row">
	<div class="column sm-10 offset-sm-1 md-6 offset-md-3">
		<p class="padding-m box">Centered column</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;
}