JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container body-content">
        <div class="row categoryrow">
            <div class="col-md-6 categoryblock">
                <div class="category">
                    <div>
                        India faces acute shortage of cancer specialists, only one doctor available for every 2,500 patients
                        India faces acute shortage of cancer specialists, only one doctor available for every 2,500 patients
                    </div>
                    <span class="morelink">
                        <a href="/Category/Health">More..</a>
                    </span>
                </div>
            </div>
            <div class="col-md-6 categoryblock">
                <div class="category">
                    <div>
                        Sensex, Nifty slightly up in early trade
                    </div>
                    <span class="morelink">
                        <a href="/Category/Business">More..</a>
                    </span>
                </div>
            </div>
        </div>
    </div>

CSS

.categoryrow {
     display: flex;
        }

       

        .categoryblock {
            margin-bottom: 10px;
            width: 100%;
        }

        .category {
            border-radius: 5px;
            border: 1px solid #2bbcef;
            height: 100%;
            padding: 2px;
        }

        .morelink {
            font-style: italic;
            float: right;
            bottom: 0;
            right: 0;
            position: absolute;
            margin-right: 20px;
        }