JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ty-tygh">
    <div class="ty-helper-container">
      <div class="row-fluid">
        <div class="span16">
          <div class="ty-product-block">
            <div lcass="ty-product-block__wrapper">
              <img src="http://blogsbucket.com/wp-content/uploads/2015/09/google-dk-flat.png">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
  </div>

CSS

div {
      display: block;
      text-align: center;
    }
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-size: 0;
}
.ty-tygh {
  box-sizing: border-box;
}
.ty-helper-container {
  position: relative;
}
.row-fluid {
  width: 100%;
}
.row-fluid .span16 {
  width: 100%;
}
.row-fluid [class*="span"] {
  display: block;
  box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.ty-product-block {
  margin: 0 0 30px 0;
  position: relative;
}
.ty-product-block__wrapper {
  background: #fff;
  padding-top: 20px;
}