Горизонтальный слайдер с пустым пространством на планшете и меньшей шириной

Question

Я создал дружественный к ПК веб-сайт, но я начинаю делать его адаптивным, но у меня возникла проблема. По какой-то причине на планшете и меньшей ширины я получаю пробел, который приходит из HTML по словам инспектора.

Я пытался увеличить ширину тела и роста до 100%, но это не сработало. Я, честно говоря, понятия не имею, как это исправить.

My code in fiddle:

Fiddle

Answer 1

У меня есть 2 проблемы, которые занимают место:

1. <h2>Ką galiu <br/> garantuoti?</h2> слишком большой шрифт и сделать его из контейнера

   , чтобы решить, измените на font-size: 4em;

2. Ваша позиция формы в стороне, что делает всю страницу больше решить это

   .centered { position: absolute; top: 50%; left: 20%;}

Вот рабочий код