JSFiddle - React, Tailwind, and code Playground

by WilsonPage

HTML

<body class=''>  

<div class='wrap'>
    <div class='img'></div>
    <div class='txt'>
        <p>Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph </p>
        <button>Join</button>
    </div>
</div>

</body>

CSS

.wrap { display: -webkit-box; position: absolute; }
.img { width: 160px; height: 240px; background: red; }
.txt { -webkit-box-flex: 1; }
button { width: 100%; } 

.is-portrait .wrap { padding-bottom: 30px; }
.is-portrait button { position: absolute; left: 0px; bottom: 0px; }