<aside id="home-page-postcards" class="home-page-postcards" role="complementary">
  <div class="postcard-wrapper">
    <div class="postcard">...content...</div>
    <div class="postcard">...content...</div>
    <div class="postcard">...content...</div>
  </div>
</aside>
.home-page-postcards {
    background:#fff;
    width:100%;
    padding-top:60px;
    padding-top:35px;
    padding-bottom:40px;
}


.postcard-wrapper { 
        display: -webkit-box;      
        display: -moz-box;         
        display: -ms-flexbox;      
        display: -webkit-flex;     
        display: flex;             

        width:1170px;
        margin:0 auto;

        -webkit-flex-flow: row nowrap;
        flex-flow:row nowrap;

        -webkit-justify-content: space-between;
        justify-content: space-between;
        }

.postcard {
    width:31.2%;
    font-family: 'Belleza', sans-serif;
    font-size:20px;
    line-height:1.3;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.