JSFiddle - React, Tailwind, and code Playground

by mrbinky3000

HTML

<div class="card">
  <img class="card__thumbnail--right" src="http://lorempixel.com/200/200/" alt="" />
  <div class="card__content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra sagittis neque eget vestibulum. Nulla ipsum dolor, venenatis tristique interdum quis, rhoncus at justo. In orci diam, vehicula eget dapibus eget, tincidunt id orci. Proin eros lacus, tempor a rutrum ut, maximus eget tortor. Aenean id finibus ligula, id hendrerit sapien. Nam interdum, quam eu posuere molestie, velit justo tempor tellus, a vestibulum neque ex sed mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>

SCSS

.card {
    margin: 10px;
    border: 1px solid #dadada;
    padding: 10px;
    overflow: hidden;
    
    %thumbnial-border-defaults {
        border-style: solid;
        border-color: #dadada;
    }
    
    &__thumbnail {
        &--right {
            float: right;
        }
    }
}