Il design della ricerca funziona bene fino a quando non arriviamo al nostro intervallo di dimensioni "baby bear" (piccolo cellulare). Dobbiamo fare qualcosa di diverso lì. Gli facciamo un po 'di spazio sotto l'area di navigazione e poi lo spostiamo in quello spazio con posizionamento assoluto.
Abbiamo un sacco di modifiche da fare per rendere questo cambiamento piuttosto drastico nella posizione. Cambiamo taglia, spaziatura, colori e tutto il resto. Ciò che è interessante è che almeno non dobbiamo ripetere il markup per farlo, stiamo riutilizzando l'esatto markup del modulo di ricerca ovunque. Questo è il potere dei CSS che ci arrivano.