.block1 {
z-index: 999;
}
.block1 {
z-index: 1;
}
.block2 {
z-index: 2;
}
.block3 {
z-index: 3;
}
<div class="ui container">
<div class="ui three column grid">
<div class="column">Логотип</div>
<div class="column">
<button class="ui button">Меню</button>
<div class="ui flowing popup">
<ul class="ui secondary menu">
<li><a class="item active" data-tab="1">Категория #1</a></li>
<li><a class="item" data-tab="2">Категория #2</a></li>
<li><a class="item" data-tab="3">Категория #3</a></li>
</ul>
<div class="ui tab active" data-tab="1">Вкладка категории #1</div>
<div class="ui tab" data-tab="2">Вкладка категории #2</div>
<div class="ui tab" data-tab="3">Вкладка категории #3</div>
</div>
</div>
<div class="column">Вход/Регистрация</div>
</div>
</div>
li {
list-type: none;
}
@media (min-width: 577px) {
Здесь стили для разрешения больше чем 577px но меньше 1088px.
}
@media (min-width: 1088px) {
Здесь стили для разрешения больше чем 1088px.
}
@media screen {}