El diseño de búsqueda funciona bien hasta que llegamos al tamaño de nuestro “bebé oso” (móvil pequeño). Tenemos que hacer algo diferente allí. Le hacemos espacio debajo del área de navegación y luego lo movemos hacia ese espacio con posicionamiento absoluto.
Tenemos un montón de ajustes que hacer para hacer este cambio algo drástico en la ubicación. Cambiamos el tamaño y el espaciado y los colores y todo. Lo bueno es que al menos no tenemos que repetir el marcado para hacer esto, estamos reutilizando el marcado del formulario de búsqueda exacto en todas partes. Ese es el poder de CSS que nos llega.