JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
  <div class="img">1</div>
  <div class="img">2</div>
  <div class="img">3</div>
  <div class="img">4</div>
  <div class="img">5</div>
  <div class="img">6</div>
  <div class="img">7</div>
  <div class="img">8</div>
  <div class="img">9</div>
  <div class="img">10</div>
  <div class="img">11</div>
</div>
<aside class="aside">
  coucou
</aside>

CSS

body,
html {
  margin:0;
  padding:0;
}

.content {
  display:inline-block;
  vertical-align:top;
  width:calc(100% - 70px);
  min-width:140px;
 }
  .img {
    display:inline-block;
    height: 50px;
    width:50px;
    margin:5px;
    padding:0;
    background:#AAA;
   }
.aside {
  display:inline-block;
  vertical-align:top;
  height: 50px;
  width:50px;
  margin:5px;
  padding:0;
  background:#AAA;
}