<div class="site">
    <div class="review-container">
        <div class="review">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis sunt cupiditate
            placeat, tempora quia illum
            <a class="read-more" href="#">Read More</a>
        </div>
        <div class="review">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis sunt cupiditate
            placeat, tempora quia illum adipisci sequi est beatae obcaecati, quibusdam asperiores aut ducimus sed sint
            voluptate quasi sit provident.
            <a class="read-more" href="#">Read More</a>
        </div>
        <div class="review">Lorem ipsum dolor, est beatae obcaecati, quibusdam asperiores aut ducimus sed sint
            voluptate quasi sit provident.
            <a class="read-more" href="#">Read More</a>
        </div>
    </div>
</div>

<style>
    .site {
        max-width: 1170px;
        margin: auto;
        padding: 20px;
        ;
    }

    .review-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }

    .review {
        padding: 20px;
        padding-bottom: 40px;
        position: relative;
        box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    }

    .read-more {
        padding: 10px 30px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        background: #6f9454;
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
        border-radius: 25px;
        border: 1px solid #435f2f;
        box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1), 1px 1px 3px rgba(0, 0, 0, .3);
        text-decoration: none;

    }

    @media all and (min-width: 992px) {
        .review-container {
            grid-template-columns: 1fr 1fr 1fr;
        }

    }
</style>