JSFiddle - React, Tailwind, and code Playground

by Douglas Crosby

HTML

<div class="block">
    <div class="image">
        <span class="grow">4</span>
        <img src="images/rate_doctor_photo.png">
    </div>
    <div class="rate" style="background:#00a7ff">
        <div class="ln"></div>
        <span>Алексей Романов Олегович</span>
    </div>
</div>

CSS

.image,
.rate{
    display:inline-block;
    vertical-align:bottom;
    width:30%;
    margin-left:-4px;
}
.image{
    background:#ccc;
    height:400px;
}
.rate{
    background:#fcc;
    height:200px;
}