Как убрать пустое пространство выше h1?

Question

Я занят работой над сайтом портфолио, и у меня возникла странная проблема. Над всеми моими заголовками есть свободное пространство, а также внизу заголовка есть плавающая часть текста.

Я уже пытался удалить поля / отступы, изменить шрифты, изменить высоту строки и изменить размер шрифта.

Хотя у меня есть ощущение, что ответ должен быть довольно простым, я не мог найти ответ сам.

Снимок экрана:

Answer 1

После проверки вашего сайта ( http://dev-environment.nl/) я заметил, что поле установлено на h1. Уберите это поле.

Установите ниже значения для вашего css.

h1 {
    margin: 0px;
   -webkit-margin-before: 0px;
   -webkit-margin-after: 0px;
}

Answer 2

Пожалуйста, добавьтеh1 {line-height: 1.2rem;}
и добавить шутку в соответствии с вашими потребностями

Answer 3

После проверки вашего сайта, я думаю, что это ваш контейнерный класс, который имеет следующий css (у вас есть каждый h1 в div контейнерного класса):

main container{        
padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px;
        padding-bottom: 60px;
}

попробуйте изменить эти значения.