Не удается убрать огромный отступ у футера, как его убрать?

гуглите "прижать футер к низу " на flex самое норм

Это не отступ, просто элементы страницы принимают высоту по высоте своего содержимого. Можно указать в процентах, тогда если указана высота у родителя, то будет считать от родителя.

body,
#wrap,
main,
.section-preview {
    height: 100% !important;
}

Вообще, это переделывать надо. Навтыкали в body style, в стилях important'ы, #wrap мешается, отрицательные отступы, элементы наезжают друг на друга...