Adaptation of the subscription form

[Lesia]

Hello!  Could you help me figure out how to adapt?

.subscribe-form{
    display: flex;
    justify-content: end;
    width: 100%;
    height: 90px;
    margin-top: 46px;
    border: none;
}

input[type="email"]{
    background: #fcc302;
    color: #ffffff;
    padding: 17px 25px 17px 36px;
    font-size: 25px;
    font-weight: 300;
}

.section-button{
    background-color: #00bec9;
    padding: 27px 37px 27px 39px;
    height: 90px;
    border: none;
    cursor: pointer;
}

 

[klierik]

Hello. Can you provide more information about your issue.

[Lesia]

42 minutes ago, klierik said:

Hello. Can you provide more information about your issue.

Нужно для мобильных екранов растянуть форму во всю ширину. 

Проблема в том, что когда задаю размер(max-width) он не работает, а  при  width:100% форма сужается до маленького размера. 

[klierik]

6 минут назад, Lesia сказал:

Нужно для мобильных екранов растянуть форму во всю ширину. 

Выложите пример на http://jsfiddle.net, подавшему коду невозможно идентифицировать проблему. Возможно контейнер формы влияет на её размер

[Lesia]

41 minutes ago, klierik said:

Выложите пример на http://jsfiddle.net, подавшему коду невозможно идентифицировать проблему. Возможно контейнер формы влияет на её размер

https://jsfiddle.net/Lesichka/uLhg6faq/10/

[klierik]

4 минуты назад, Lesia сказал:

https://jsfiddle.net/Lesichka/uLhg6faq/10/

Попробуйте вот так — https://jsfiddle.net/klierik/s8udcght/1/

[Lesia]

6 hours ago, klierik said:

Попробуйте вот так — https://jsfiddle.net/klierik/s8udcght/1/

Спасибо!