JSFiddle - React, Tailwind, and code Playground

by Ilya Karpuk

HTML

<div class="device">
    <div class="app">
        <div class="header">
            <table width="100%">
                <tr width="100%">
                    <td width="33.3333%">500р</td>
                    <td width="33.3333%" align="center">1 день</td>
                    <td width="33.3333%"></td>
                </tr>
            </table>
        </div>
    </div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);

html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 500; 
}

.device {
    width: 320px;
    height: 480px;
    border: 1px solid black;
    resize: both;
    overflow: auto;
}

.app {
    width: 100%;
    height: 100%;
}

.inline {
    display: inline-block;
}

.header {
    width: 100%;
}