Не устанавливается ширина input в процентах

Рейтинг: 0Ответов: 1Опубликовано: 12.05.2023

Не удается изменить ширину инпута в процентах. Как мне исправить это? Должно растянутся так как на фото

.address__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 16px 32px;
}

.address__title {
  font-size: 18px;
}

.address__search {
  display: flex;
  align-items: center;
}

.address__search-input {
  width: 60%;
  display: block;
}
<section class="address">
  <div class="container">
    <div class="address__block">
      <span class="address__title">Проверить адрес доставки</span>
      <form class="address__search">
        <input class="address__search-input" type="search">
        <button class="address__search-button">Проверить</button>
      </form>
    </div>
  </div>
</section>

css html
Источник: Stack Overflow на русском

Ответы

▲ 0

.address__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 16px 32px;
}
.address__title {
  font-size: 18px;
}
.address__search {
  max-width: 953px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.address__search-input {
  max-width: 783px;
  width: 100%;
}