JSFiddle - React, Tailwind, and code Playground

by ignaciocorreia

HTML

<div style="height: 340px; width:100%; white-space:nowrap;">
<div style="width: 49%;  width:50%;   height: 340px; float:left;background:#ddd">
    <!-- START ARTICLE POSITION 1 -->
    <div style="height: 170px;">text</div>
    <!-- START ARTICLE POSITION 2 -->
    <div style="height: 150px;">
        <div style="padding-top: 10px;">text</div>
    </div>
</div>
<div style=" background: #000; width: 49%;  width: 50%; float:left  ">
    <!-- START ARTICLE POSITION 1 -->
    <div style=" height: 48px; overflow: hidden;">text</div>
    <!-- START ARTICLE POSITION 2 -->
    <div style=" height: 48px; padding-top: 20px; overflow: hidden;">text</div>
    <div style=" height: 48px; padding-top: 20px; overflow: hidden;">text</div>
    <div style="height: 48px; padding-top: 20px; overflow: hidden;">text</div>
    <div style=" height: 48px; padding-top: 20px; overflow: hidden;">text</div>
</div>