@ssintro

Как убрать лишний отступ в заголовке?

На фото ниже есть 2 заголовка h2 и h1, в есть лишний отступ и я не знаю как его убрать без жёсткого позиционирования

В блоке есть паддинг в 40px

64721b1f60397364262940.png

Вот код:
<!-- HTML  -->
<section>
  <div class="wrapper row">
    <div class="main-text col-md-6">
      <h2 class="text-left">Be good</h2>
      <h1 class="text-left text-uppercase">Be good</h1>
    </div>
  </div>
</section>


/* CSS */

* {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: #1b1d1f;
}

h1 {
  font-weight: 700;
  font-size: 70px;
}

h2 {
  font-weight: 700;
  font-size: 16px;
  font-family: "Montserrat";
}

.wrapper {
  padding: 50px;
  background: linear-gradient(270deg, #55ddee 0%, #d9ffff 100%);
  height: 720px;
}

.main-text {
  padding: 40px;
  background: #ffffff;
  border-radius: 36px;
  height: 420px;
}
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
sasmoney
@sasmoney
h1 {
font-weight: 700;
font-size: 70px;
margin-top: 0;
}

Теперь заголовок h1 не будет иметь верхнего отступа.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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