JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Outside">

  <div class="Container">
  <div class="Item">
asdf
  </div>
  <div class="Item">
asdf
  </div>
  <div class="Item">
asd
  </div>
  </div>
  
  <div class="Container2">
  <div class="Item">
asdf
  </div>
  <div class="Item">
asdf
  </div>
  <div class="Item">
asd
  </div>
  </div>
</div>

CSS

.Outside{
  width: 400px;
  height: 1000px;
  padding: 0px;
  background-color:orange;
}

.Container{
  width: 100%;
  padding:5px;
  display:flex;
  background-color: blue;
  flex-direction: column;
}
.Container2{
  width: 100%;

  display:flex;
  background-color: blue;
  flex-direction: column;
}

.Item{
  background-color: red;
  width:100%;
  height:50px;
}