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

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

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

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

61e93017e681b430649940.jpeg
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
BormotunJedy
@BormotunJedy
Верстальщик
<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;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы