JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <main>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </main>
</body>
</html>

CSS

main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 20px;
  grid-gap: 15px;
  padding: 25px;
}

div {
  background: red;
  text-align: center;
  border: 1px solid black;
}