Как изменить ширину объекта в мобильной версии

Question

У меня есть класс Div под названием form-groupBlogg

Это форма, в которой я хочу, чтобы отрегулировать ширину его как в обычном компьютере и мобильной версии. Я написал следующий CSS:

.form-groupBlogg{ 
    width:74%; 
    margin-top:20px; 
    } 

@media screen and (max-width: 768px) { 
    .form-groupBlogg { 
    width: 80%; 
    } 
} 

Только проблема в том, что @media screen and (max-width: 768px) -части обыкновения регулировать ширину класса сНа в мобильной версии. Первая часть с width: 74% работает правильно. Как настроить ширину в мобильной версии?

Answer 1

NEW ответ: Я думаю, вы просто хотите получить более широкую форму на маленьких экранах.

Ваш сайт настроен в обертке, поэтому ширина: 80% мала на маленьком экране. Постарайтесь настроить ширину формы-groulBlogg и form-group до 100% на самых маленьких экранах. Выглядит лучше в моих тестах.

Try:

@media screen and (max-width: 500px) { 
    .form-groupBlogg {width: 100%;} 
    .form-group {width:100%;} 
}