html-css

у вас между контентом и футером стоит параграф P
у которого стоят свойства

p {
    margin: 0 0 10px;
}

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

на owl можно
https://javascript.ru/forum/jquery/62633-pochemu-n...

https://codepen.io/codeninja93/pen/AXadWQ

hover-this:hover span

min-width задайте

Можно сделать таким способом
вместо gap использовать элементы нужных размеров

и вообще если использовать проценты то grid-gap порвет сетку
лучше делать фракциями

с помощью rgba на пример

вот

0,0,0 - цвет rgb
0.2 - прозрачность

набери в ютюбе sass для самых маленьких
первое видео от web design master
там все разжовано