JSFiddle - React, Tailwind, and code Playground

HTML

<section class="wrapper">

        <section  class="col-left">
            Column left <section>
               <article class="business_left1 top_borderhide">
          <div class="right_block">
            <h3>Davis launches bid to become premier</h3>
          </div>
        </article>
        <article class="business_right1 top_borderhide">
          <figure><img src="images/u183.png" alt="" /></figure>
          <div class="right_block">
            <h3>Davis launches bid to become premier</h3>
          </div>
        </article>
      </section><section>
              <article class="business_left1 top_borderhide">
          <div class="right_block">
            <h3>Davis launches bid to become premier</h3>
          </div>
        </article>
        <article class="business_right1 top_borderhide">
          <figure><img src="images/u183.png" alt="" /></figure>
          <div class="right_block">
            <h3>Davis launches bid to become premier</h3>
          </div>
        </article>
      </section>

        </section >
        <aside class="col-right">
            Column right
            <div class="content-right">
                content right content
            </div>
            <div class="content-right">
                content right content
            </div>
            <div class="content-right">
                content right content
            </div> <div class="content-right">
                content right content
            </div> <div class="content-right">
                content right content
            </div> <div class="content-right">
                content right content
            </div> <div class="content-right">
                content right content
            </div> <div class="content-right">
                content right content
            </div>
        </aside>
        <div class="footer">
            footer
            <div class="content-footer">
                footer conten
            </div>
        </div>
   ...

CSS

.wrapper{
        margin: 0 auto;
        width: 50%;
    }
    .col-left{
        float: left;
        width: 70%;
        background-color: aliceblue;
    }
    .col-right{
        float: right;
        width: 30%;
        background-color: ActiveCaption;
    }
    .footer{
        clear: both;
        background-color: bisque;
        height: 100px;
    }
    .content-left{
        height: 100px;
    }

    .content-left, .content-right, .content-footer{
        border: 1px solid black;
        margin: 10px;
    }