JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

<div class="container-fluid">
	<div class="section">
    	<section class="card-container">
			  <div class="row center-block">	
				  <div class="col-xs-push-2 col-xs-8 text-center">	
            <div class="face-container">
              <span>A</span>
            </div>

          </div>        
        </div>
      </section>
  </div>  
</div>

CSS

.face-container{
  width:100%;
  height:100%;
}

.face-container span{
  background: #444;
  color: #fff;
  display:block
}