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

Question

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

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

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

ScreenCapture: https://i.stack.imgur.com/dHpCI.png

Answer 1

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

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

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

Answer 2

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

Answer 3

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

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

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