parrisneeds.coffee code, music, drinks

FlexBox Formulas - the Search and Go

We've seen "search and go" since the dawn of the internet. It still remains fairly ridiculous to get right.

Typically, we'd fix the width of the input or the button and use one of a few techniques to get the size of the other correct. This breaks down when you have a fluid page and translations.

I'll tell you what you want! You want a beautiful, 100% width, sexy, awesome input box next to a beautiful, perfectly translated, shiny button that just screams "click me!" So let's make this happen. We do have the technology (well mostly).

Show me the code: