JSFiddle - React, Tailwind, and code Playground

by dodozhang21

HTML

<div class="sidebar-content">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus a sapien at nunc fermentum aliquet nec id lorem. Nulla dui mi, lacinia sed sodales commodo, semper non leo. Donec ac libero a felis euismod iaculis. Sed faucibus, nulla quis eleifend cursus, risus tellus tempor risus, at dictum eros arcu ac dui. Praesent vitae mauris eget elit vestibulum volutpat in vel justo. Phasellus nisl mi, porttitor mollis posuere nec, ornare nec nunc. Quisque nisl mi, ullamcorper quis porta porttitor, varius dignissim dolor.
</div>
<br /><br />
<div id="title-space">
    
</div>

CSS

.sidebar-content {
    background: #DFC7A2;
    border-radius: 10px;
    padding: 1em;
}

#title-space {
    background-color: #FFB7C7;
    background-image: url(//akuhei.nu/wp-content/themes/pink/images/title-image.png), url(//akuhei.nu/wp-content/themes/pink/images/blobs.png);
    background-repeat: no-repeat, repeat-x;
    background-position: left top, left bottom;
    height: 160px;
    padding-bottom: 26px;
}