0

необходимо сделать footer и закрепить его в низу страницы

    <div class="footer">
      <h1>Belzer<br>Design</h1>
      <div class="footer-contacts">
        <a href=""><img src="/img/mail.svg" alt=""></a>
        <a href=""><img src="/img/instagram.svg" alt=""></a>
        <a href=""><img src="/img/vk.svg" alt=""></a>
        <a href=""><img src="/img/behance.svg" alt=""></a>
      </div>
    </div>
.footer {
    margin-top: 110px;
    background-image: url('/img/background.jpg');
    background-repeat: no-repeat;
}

.footer h1 {
    margin-left: 166px;
    margin-right: 50px;
    padding-top: 30px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

введите сюда описание изображения

6
  • и чего? зы: h1 в футер вряд ли стоит пихать
    – teran
    Commented 23 нояб. 2021 в 9:37
  • Прошу прощения, я просто новичок.
    – Arseniy
    Commented 23 нояб. 2021 в 10:11
  • 3
    Возможный дубликат вопроса: Как прижать footer к низу экрана? Commented 23 нояб. 2021 в 11:31
  • Это всё хорошо, только вот я не могу разместить логотипы соц.сетей на футере, они у меня вылезают из него. И почему-то показывается, что логотип занимает всю ширину футера.
    – Arseniy
    Commented 23 нояб. 2021 в 11:45
  • Я правильно понял, у Вас не получается расставить h1 и .footer-contacts по разным сторонам .footer?
    – SLideR11
    Commented 24 нояб. 2021 в 7:09

1 ответ 1

0

Попробуй задать position: fixed;

selector {
  position: fixed;
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.