Не сжимается сетка grid при уменьшении размера

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

Решил сделать адаптивный слайдер, но из-за grid который выше .container в .main-page, контейнер не сужается при изменении размера, хотя если убрать grid с .main-page все отлично работает, и такая ситуация со всеми элементами если им добавить grid и находятся выше .container Проект залит на github

Если, нужна еще какая-либо информация по коду, напишите, хотя все выложено на github

Использую Chrome.

P.S. . Уже многое попробовал но не могу понять, как все сделать и оставить grid, так как он нужен для наложения, ну или подскажите может есть способ наложения лучше, но мне интересно почему себя так ведет grid.