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]

  On 6/11/2021 at 1:34 PM, Lesia said:

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

Expand  

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

[klierik]

Hello. Can you provide more information about your issue.

[Lesia]

  On 6/11/2021 at 11:59 AM, klierik said:

Hello. Can you provide more information about your issue.

Expand  

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

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

[klierik]

  On 6/11/2021 at 12:45 PM, Lesia said:

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

Expand  

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

[Lesia]

  On 6/11/2021 at 12:51 PM, klierik said:

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

Expand  

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

[Lesia]

  On 6/11/2021 at 1:38 PM, klierik said:

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

Expand  

Спасибо!