JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="child1"></div>
    <div class="child2"></div>
    <div class="child3"></div>
    </div>

CSS

.parent {
  display: flex;
  background-color: red;
  width: 940px;
  height: 348px;
  justify-content: space-around;
  align-items: center;
}

.child1 {
  flex: 0 0 280px;
  height: 280px;
  margin: 20px;
  background-color: blue;
}

.child2 {
  flex: 0 0 280px;
  height: 280px;
  margin: 20px;
  background-color: blue;
}

.child3 {
  flex: 0 0 280px;
  height: 280px;
  margin: 20px;
  background-color: blue;
}