Дизайн поиска работает нормально, пока мы не перейдем к размеру нашего «медвежонка» (маленький мобильный). Мы должны там сделать что-то другое. Мы оставляем для него место под областью навигации, а затем перемещаем его в это пространство с абсолютным позиционированием.
У нас есть несколько настроек, чтобы сделать это несколько резкое изменение локации. Мы меняем размеры, интервалы, цвета и все такое. Что круто, так это то, что нам, по крайней мере, не нужно повторять разметку, чтобы сделать это, мы везде повторно используем точную разметку формы поиска. В этом сила CSS.