Как сделать, чтобы меню было под картинкой?

<div class="footer_container">

            <div class="footer__img">
                <img src="img/logo.png">
            </div>
            <div class="footer__menu">
                <ul class="footer__nav_list">
                    <li class="nav__item"><a href="index.html">Главная</a></li>
                    <li class="nav__item"><a href="news.html">Новости</a></li>
                </ul>
                <ul class="footer__nav_list">
                    <li class="nav__item"><a href="music.html">Медиа</a></li>
                    <li class="nav__item"><a href="cooperation.html">Сотрудничество</a></li>
                </ul>
                <ul class="footer__nav_list">
                    <li class="nav__item"><a href="artist.html">Артисты</a></li>
                    <li class="nav__item"><a href="concert.html">Концерты</a></li>
                </ul>
            </div>
        </div>

.footer_container {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  padding: 0 15px;
  border: 1px solid #f00;
}
.footer__img {
  position: relative;
  float: left;
  width: 120px;
  height: 120px;
  margin-top: 15px;
  border: 1px solid #fff;
}
.footer__img img {
  height: 100%;
  width: 100%;
}
.footer__menu {
  justify-content: space-between;
  position: relative;
  width: 500px;
  height: 80px;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #fff;
}
.footer__nav_list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
5de0134a4099e406791827.jpeg
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
flex-direction: column; поместить в .footer_container
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы