JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <article class="leftnews">
        <div class="content">left<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>end</div>
   </article>
    <article class="rightnews">
        <div class="content">right</div>
    </article>
</div>

CSS

.container {
    display: table;
    width: 100%;
    height: 100%;
}

.leftnews,
.rightnews {
    vertical-align: top;
    display: table-cell;
}

.leftnews > div,
.rightnews > div {
    border: 5px solid black;
    border-radius: 25px;
    height: 100%;
    margin: 0 10px;
    padding: 20px;
}