JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.blue_grey-orange.min.css">
<script src="https://fonts.googleapis.com/icon?family=Material+Icons"></script>
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-pink.min.css">
<body>
    <main class="mdl-layout__content">
        <div class="page-content">
            <div class="demo-grid-1 mdl-grid">
                <div class="mdl-cell mdl-cell--4-col mdl-card mdl-shadow--4dp">
                    <div class="mdl-card__media">
                        <img src="http://www.gaynz.com/articles/uploads/2/Auckland-at-night.jpg" width="173" height="157" border="0" alt="" style="padding:10px;">
                    </div>
                    <div class="mdl-card__supporting-text">Auckland Sky Tower, taken March 24th, 2014</div>
                    <div class="mdl-card__supporting-text">The Sky Tower is an observation and telecommunications tower located in Auckland, New Zealand. It is 328 metres (1,076 ft) tall, making it the tallest man-made structure in the Southern Hemisphere.</div>
                </div>
                <div class="mdl-cell mdl-cell--4-col mdl-card mdl-shadow--2dp">
                    <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable">
                        <thead>
                            <tr>
                                <th class="mdl-data-table__cell--non-numeric">Material</th>
                                <th>Quantity</th>
                                <th>Unit price</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td>
                                <td>25</td>
                               ...

CSS

.small-cell {
    background-color: yellow;
}