JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<header class="col-12-sm theme-bg align-center">
     <h1>Hey there I have a cool site</h1>
</header>
<div class="container main-content">
    <section class="col-sm-12">
        <article class="col-md-6 col-md-offset-3">
             <h3 class="article-title">Why Designers are important</h3>
            <summary>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est excepturi amet nesciunt ab magni deleniti impedit delectus architecto dolores atque obcaecati aut quaerat cupiditate nobis reprehenderit ratione consectetur earum mollitia.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem iste numquam nemo ipsa quasi eius quisquam doloremque tenetur dolor veniam dolorem possimus id nesciunt non earum rem dolorum. Provident consequuntur!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur molestias eligendi nobis corporis tempora modi explicabo maiores reprehenderit quod natus officia asperiores fuga ipsam iure fugiat at expedita dolor ut! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque nobis numquam voluptatibus id at ex perferendis hic doloribus eaque iure beatae sapiente ipsum placeat a dolorum eius sint ad. Deserunt! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque nemo mollitia odio cum accusantium quae sed unde iure pariatur aliquid nostrum eos eum repellat harum delectus. Sed id harum omnis.</summary>
        </article>
        <article class="col-md-3">
            <img src="https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475-281x211.jpg" height="100"/>
             <h3 class="sub-article-title">Guilty, 1st degree murder!</h3>
             <summary>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur molestias ...
             </summary>
        </article>
    </section>
</div>
<footer class="theme-bg">
    <p>COOL DUDE</p>
</footer>

CSS

body{
    min-width: 320px;
}
header, footer{
    color: white;
    padding: 10px;
    text-align: center;
}
.theme-bg{
    background-color: blue;
}
.main-content{
    margin: 20px;
}
.article-title{
  border-top: 20px solid #7EEDF6;
  padding: 10px;
}
footer{
    min-height: 200px;
}