JSFiddle - React, Tailwind, and code Playground

by krisselden

HTML

<div class="container">
    <div class="y-text-element y_title">Chloe &amp; Zack</div>
    <div class="y-date-element y_date">08.16.2012</div>
    <div class="y-time-with-left-label-element y_time y-bordered-list-item y-text-with-left-label-element">
        <div class="left_label">Time</div>
        <div class="text_content">12:30 PM</div>
    </div>
    <div>
    <div class="y-text-with-left-label-element y_location y-bordered-list-item">
        <div class="left_label">Location</div>
        <div class="text_content">My House</div>
    </div></div>
    <div>
    <div class="y-text-with-left-label-element y_address y-bordered-list-item mappable">
        <div class="left_label">Address</div>
        <div class="text_content">
            1121 N 82 St<br> Seattle, WA 98109
        </div>
    </div>
</div>
    <div class="y-text-with-left-label-element y_website y-bordered-list-item linkable">
        <div class="left_label">Website</div>
        <div class="text_content"><a href="http://www.krisselden.com" target="_blank">www.krisselden.com</a></div>
    </div>
    <div class="y-text-element y_extraText">
        The quick brown fox jumps over the lazy dog.<br>
        <br>
        Here is a link: <a href="http://google.com" target="_blank">http://google.com</a>
    </div>
</div>

CSS

.container {
    padding-top: 50px;
    width: 320px;
    background: #58585A...