JSFiddle - React, Tailwind, and code Playground

by Kolichikov

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="row">
            <div class="col-lg-4 infoCol">
                <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="Mercury Info">  
                    <div class="planetText caption">
                        <h4 class="text-center">Mercury</h4>
                        <div class="row">
                            <div class="col-lg-6 text-center textInfo">
                                <dd>
                                    <dt>Orbital Period:</dt>
                                    <dl>88 days</dl>
                                    <dt>Rotational Period:</dt>
                                    <dl>59 days</dl>
                                    <dt>Min Temperature:</dt>
                                    <dl>-170 &#176;C (nightside)</dl>
                                    <dt>Max Temperature:</dt>
                                    <dl>430 &#176;C (dayside)</dl>
                                    <dt>Atmosphere:</dt>
                                    <dl>Trace</dl>
                                </dd>
                            </div>
                            <div class="col-lg-6 text-center textInfo">
                                <dd>
                                    <dt>Diameter:</dt>
                                    <dl>4880 km</dl>
                                    <dt>Mass:</dt>
                                    <dl>0.05527 M<sub>E</sub></dl>
                                    <dt>Equatorial Radius:</dt>
                                    <dl>0.3826 R<sub>E</sub></dl>
                                    <dt>Semimajor Axis:</dt>
                                    <dl>0.3870993 AU</dl>
                                    <dt>Solar Day:</dt>
                                    <dl>176...