Flex layout

by Sergio Marron

HTML

<div class="box">
    <div class="row">
        <div class="icon">
             <span class="info-box-icon"><i class="mega-octicon octicon-server"></i></span>
        </div>
        <div  class="link">
            <a class="side-box-link" href="workflow-summary" style="vertical-align:middle;">Work Flow</a>
        </div>  
    </div>  
</div>

CSS

.row {
    display: flex;
  	align-items: center;

}
    .icon {
        width: 200px;
        height: 200px;
        background-color: salmon ;
    }
    .link{
        padding: 10px;
    }
    
    a {
        text-decoration: none;
    }
    
    @media (max-width: 450px) {
        .row {
            flex-direction: column;
        }   
    }