O design de pesquisa funciona bem até chegarmos ao nosso intervalo de tamanho de “bebê urso” (pequeno celular). Temos que fazer algo diferente lá. Abrimos espaço para ele abaixo da área de navegação e o movemos para baixo nesse espaço com posicionamento absoluto.
Temos um monte de ajustes a fazer para fazer essa mudança drástica de localização. Mudamos o tamanho, o espaçamento, as cores e tudo mais. O que é legal é que pelo menos não temos que repetir a marcação para fazer isso, estamos reutilizando a marcação exata do formulário de pesquisa em todos os lugares. Esse é o poder do CSS chegando para nós.