<div class="grid__controls">
<button type="button" data-filter="*" class="grid__button">all</button>
<button type="button" data-filter=".red" class="grid__button red">red</button>
<button type="button" data-filter=".green" class="grid__button green">green</button>
<button type="button" data-filter=".blue" class="grid__button blue">blue</button>
</div>
<div class="grid">
<div class="grid__sizer red">1</div>
<div class="grid__item green"></div>
<div class="grid__item blue grid__item--width2"></div>
<div class="grid__item green grid__item--height2"></div>
<div class="grid__item blue"></div>
<div class="grid__item blue"></div>
<div class="grid__item blue"></div>
<div class="grid__item red grid__item--width2"></div>
<div class="grid__item green grid__item--height2"></div>
<div class="grid__item red grid__item--height2"></div>
<div class="grid__item green"></div>
<div class="grid__item blue"></div>
<div class="grid__item red grid__item--width2"></div>
<div class="grid__item green"></div>
<div class="grid__item red grid__item--width2"></div>
<div class="grid__item red grid__item--height2"></div>
<div class="grid__item blue"></div>
<div class="grid__item green"></div>
</div>
.active-menu-body {
position: absolute;
left: 160px;
overflow-x: hidden;
}
.user {
text-align: center;
line-height: 0px;
}
<a class="username" href="">MyNameIsEugene</a>