Вертикальное выравнивание css flex?

Question

[Карен Мнацаканян]

Привет всем!
Вот 30 минут уже питаюсь отцентрировать через flex вот эти элементы prntscr.com/g1sowh . Там простая разметка

• . Надо чтоб по вертикально и горизонтально элементы находились в центре prntscr.com/g1spen .
  Спасибо.

Comments

[Иван]

код дай

[Карен Мнацаканян]

<ul class="menu desc-menu">
	<li class="nav_menu_item link-first" id="btn-sidebar">
		<a class="nav_menu_link level_1 main-menu-link" href="#"><i aria-hidden="true" class="fa fa-bars"></i></a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-4 current_page_item" id="nav-menu-item-38">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/">TRENDSETTER</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-65">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/issues/">Issues</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-106">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/venues/">Venues</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-56">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/publications/">Publications</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-44">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/galleries/">Galleries</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-39">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/about/">About</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-107">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/subscribe/">Subscribe</a>
	</li>
	<li class="nav_menu_item menu-item-even menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page" id="nav-menu-item-40">
		<a class="nav_menu_link level_1 main-menu-link" href="http://trendsetter.loc/contacts/">Contacts</a>
	</li>
	<li class="nav_menu_item close-btn" id="btn-close">
		<a class="nav_menu_link level_1 main-menu-link" href="#"></a>
	</li>
</ul>

.nav_menu_container .container .nav-menu .menu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; 
              position: fixed;
              top: 0;
              left: 0;
              background: rgba(255,255,255,.9);
              width: 100%;
              height: 100%;
             display: none;     
            }

Answer 1

[alvvi]

justify-content: center;