Как уменьшить расстояние между слайдером и секцией promo на веб-странице?

Question

MysticMercenary

html , bootstrap , css

Как уменьшить расстояние между слайдером и секцией promo на веб-странице?

Каким образом можно уменьшить расстояние между слайдером и элементом с идентификатором "promo" на веб-странице? Здесь приведена ссылка на сайт для более детальной информации: <a href="http://rostov.dental/" rel="nofollow">сайт</a>.

15 июня 2024 г. 0:01

Ответы на вопрос 2

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

Answer 1

Для уменьшения расстояния между слайдером и секцией promo на веб-странице, можно воспользоваться CSS и добавить стиль с отрицательным отступом (margin или padding) для элемента с идентификатором "promo". Например:

```css
#promo {
    margin-top: -20px; /* Уменьшаем расстояние между слайдером и секцией promo */
}
```

Этот код можно добавить в файл стилей вашего сайта или в разделе стилей на странице HTML. Помните, что необходимо тестировать изменения на различных устройствах и экранах, чтобы убедиться, что расстояние выглядит хорошо на всех устройствах.

Answer 2

В данном случае на расстояние сверху влияет данный блок: <br/> <pre><code class="html">&lt;h2 class="mb-12 text-center heading"&gt;НАШИ ПРИЕМУЩЕСТВА&lt;/h2&gt;</code></pre> <br/> Рассмотрим класс, который висит на этом заголовке 2-го уровня: <br/> <pre><code class="css">.heading {
    all: revert;
    font-size: 25px;
}</code></pre> <br/> Свойство "all: revert;" почитай что делает: <a href="https://developer.mozilla.org/ru/docs/Web/CSS/revert" rel="nofollow">https://developer.mozilla.org/ru/docs/Web/CSS/revert</a> <br/> Именно оно добавляет тебе margin неконтролируемые. <br/> Получается, что нужно сделать на этом классе: <br/> <pre><code class="css">.heading {
    all: revert;
    font-size: 25px;
    margin-top: 0;
}</code></pre> <br/> Ну или меняй "margin-top" на сколько надо