JSFiddle - React, Tailwind, and code Playground

by Rashit1122233

HTML

<div class="page">
  <div class="block">block-1</div>
  <div class="block">block-2</div>
  <div class="block">block-3</div>
  <div class="block">block-4</div>
  <div class="block">block-5</div>
  <div class="block">block-6</div>
  <div class="block">block-7</div>
  <div class="block">block-8</div>
  <div class="block">block-9</div>
  <div class="block">block-10</div>
  <div class="block">block-11</div>
  <div class="block">block-12</div>
  <div class="block">block-13</div>
  <div class="block">block-14</div>
  <div class="block">block-15</div>
</div>

CSS

*{
  margin: 0;
  padding: 0;
}
.page{
  width: 100%;
  height: auto;
  border: 1px solid #000;
  display: flex;
  flex-wrap:wrap;
  justify-content: space-around;
  flex-direction: row-reverse;
  overflow: hidden;
}
.block{
  width: 210px;
  border: 1px solid red;
  margin: 5px;
  text-align: center;
  padding: 5px 0;
  
  
}