Помогите с версткой элемента

Question

Помогите с версткой элемента

Георгий Бурмистров Ученик (245), на голосовании 11 месяцев назад

помогите сделать поиск как на картинке
примечания:
1)лупа должна быть кнопкой и отправлять форму
2) справа input с border снизу

Answer 1

Dlazder Мудрец (17294) 1 год назад

Будет сделано начальник

Answer 2

 .search-form { 
  display: flex; 
  align-items: center; 
  gap: 20px; 
  flex-wrap: wrap; 
} 
 
.search-button {
  width: 44px;  
  height: 44px;  
  display: block;  
  cursor: pointer; 
  border: none; 
  background-color: transparent; 
} 
 
.search-input { 
  border: none; 
  border-bottom: 1px solid grey; 
}