Как прикрепить навигацию к низу страницы?

Question

[Бозон Хиггс]

Прошу помочь с такой задачей:

1. Левый блок (белый) необходимо разделить на область под логотип (сверху) и навигацию (снизу).
2. Логотип - текстовый, расположен по центру своей области.
3. Область навигации состоит в свою очередь из двух разных блоков (два меню), расположенных рядом.

Правую область (синюю) просьба игнорировать.

Answer 1

[Elena Fire]

<div class="white">
   <div class="logo">
        <div class="text">Your motto</div>
   </div>
   <div class="nav">
         <div class="left-part">Something left</div>
         <div class="right-part">Something right</div>
   </div>
</div>

.white {
   display:  flex;
}

.logo {
   display: flex;
   justify-content: center;
   align-items: center;
}

.nav {
   position: fix;
   left: 0;
   bottom: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}