JSFiddle - React, Tailwind, and code Playground

by sulfureous

HTML

<div id="featured" class="grid col-940">

    <div class="grid col-460">

        <h1 class="featured-title">

        </h1>

        <h2 class="featured-subtitle">

        </h2>

        <p>

        </p>



            <div class="call-to-action">

                <a href="<?php echo $responsive_options['cta_url']; ?>" class="blue button">

                </a>

            </div><!-- end of .call-to-action -->

         

    </div><!-- end of .col-460 -->

    <div id="featured-image" class="grid col-460 fit">

 

    </div><!-- end of #featured-image --> 

</div><!-- end of #featured -->

CSS

#featured {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #ffffff;
  background: url('http://www.mobiexplore.com/temp1/wordpress/wp-content/uploads/2013/08/19377249_ml-1024x6651.jpg');
  background-repeat: no-repeat;
  border: 1px solid #e5e5e5;
  border-radius: 40px;
  padding-bottom: 40px;
  width: 99.893617021277%;
}

#featured p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  padding: 0 40px 0 40px;
  text-align: center;
}

#featured-image {
  margin: 40px 0 0 0;
}

#featured-image .fluid-width-video-wrapper {
  margin-left: -20px;
}

.featured-image img {
  margin-top: 44px;
}