JSFiddle - React, Tailwind, and code Playground

by niki4810

HTML

<div class="mn-cards-list">
    <article class="mn-card">
        <div class="mn-card-media"> </div>
        <div class="mn-card-body"> </div>
        <hr class="mn-section-break">
    </article>
</div>

CSS

.mn-cards-list {
    padding: 8px 14px 14px 14px;
}
.mn-card {
    border: 1px solid #CFD4D9;
    cursor: pointer;
    
    position: relative;
    font-size: 15px;
    line-height: 17px;
    background-color: #FFF;
    white-space: normal;
}
.mn-card .mn-card-media {
padding: 14px;
}

.mn-card .mn-card-body{
padding: 14px;
padding-top: 0;
}

.mn-card hr.mn-section-break {
border: 0;
border-top: 1px solid #ECEEF0;
margin: 0;
}