JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parallelogram"></div>
    <div class="parallelogram"></div>
        <div class="parallelogram"></div><div class="parallelogram"></div>
        <div class="parallelogram"><p>11</p></div>
        <div class="parallelogram">22</div>

CSS

.parallelogram {
width: 100px;
height: 60px;
transform: skew(-11deg);
background: #0272a7;
    float:left;
} 
p {
  transform: skew(11deg);
}