Bow Tie kreative - Center Vertical and Horizontal

by Ryan Perez

HTML

<!--Must have a container--> 
<div class="page-content">

<div class="container">
  <div class="box">
    
    <img src="https://via.placeholder.com/150">
  </div>
  
  
</div> </div>

CSS

.page-content {height:600px}

.container {
    position:absolute;
  top:50%;
  left:0;
  width:100%;
margin-top:-50px;

}
.box {
    width: 100px;
    height: 100px;
    background: #f00;
margin: 0 auto;
}