JSFiddle - React, Tailwind, and code Playground

by csornmo

HTML

<div class="ros-member-box">

    <div class="ros-member-box__top">
        Kategori: Parti
    </div>
    
    
    <div class="ros-member-box__header">
        SSU 25+
    </div>
    
    <div class="ros-member-box__content">
        
        <div class="ros-member-box__content-box">
            <div class="ros-member-box__content-box--top">
                Arbetarekommun
            </div>
            <div class="ros-member-box__content-box--bottom">
                Stockholm SSU-distrikt
            </div>
        </div>
        
        <div class="ros-member-box__content-box">
            <div class="ros-member-box__content-box--top">
                Partidistrikt
            </div>
            <div class="ros-member-box__content-box--bottom">
                SSU i Stockholm
            </div>
        </div>
        
        <div class="ros-member-box__content-box">
            <div class="ros-member-box__content-box--top">
                Partistyrelse
            </div>
            <div class="ros-member-box__content-box--bottom">
                SSU
            </div>
        </div> 
    
    </div>

    <div class="ros-member-box__content-footer">
        Inträndesdatum: 2017-12-10
    </div>

</div>

CSS

.ros-member-box__top {
    background: #eee;
}