JSFiddle - React, Tailwind, and code Playground

by Radioactive

HTML

<body>
  <div class="q2">
    <div class="q1"></div>
    <div class="q1"></div>
    <div class="q1"></div>
  </div>
</body>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  max-width: 1366px;
  width:100%;
}

.q1 {
  width: 370px;
  height: 400px;
  background: black;
  float: left;
  margin-right: 30px;
}

.q2 {
  background: red;
  width: 85.66%;
  overflow: hidden;
}

.q1:last-of-type {
  margin-right: 0;
}