Здравей,

Responsive кода си работи отлично ако си го поставил правилно на правилното место. За да видиш дали работи трябва да свиеш страницата. Функцията responsive се сътои в това да свие формата когато ширината на екрана стане по малка от зададената ширина на формата. Ако кода го няма при свиване на екрана се получава скролер, в противен случай формата се свива и всичко е наред.

Натисни F12 и свий екрана:

1. Това е без код. Вижда се че при 366px  се появява скролер заради формата защото не е responsive .

2. Това е с код. Скролера се появява при свиване на екрана под 317px но не заради формата, а заради друг елемент. Формата се е свила т.е. e responsive.

Ако при свит екран не ти работи Responsive провери да не си забравил някоя скоба отворена, или да не си го закоментарил или да не си пропуснал някоя точка или.....