JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    
    <div class="noticia">1</div>
    <div class="noticia">2</div>
    <div class="noticia">3</div>
    <div class="noticia">4</div>
    <div class="noticia">5</div>
    <div class="noticia">6</div>
    <div class="noticia">7</div>
    <div class="noticia">8</div>
    <div class="noticia">9</div>
    
</section>

CSS

section {
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
}

div.noticia {
  -webkit-column-break-inside : avoid;
  margin-bottom: 10px;
  min-height: 100px;
  background: #F15A29;
  font-size: 3em;
  text-align: center;
}