Everybody's on the Phone

Released on October 10, 2006, Take the Weather With You is Jimmy Buffett’s twenty-sixth studio album, issued on his own Mailboat Records label through RCA Nashville. It debuted at #1 on Billboard’s Top Country Albums chart and reached #4 on the Billboard 200. Ten of the album’s fourteen tracks are covers, but “Everybody’s on the Phone” (track 4, 4:27) is an original, co-written by Buffett with Roger Guth, Will Kimbrough, and Peter Mayer.

The song is a breezy, slightly bewildered observation of a world already disappearing into its screens. In 2006, the iPhone had not yet launched (that came in June 2007). Facebook was still mostly college students. Twitter did not exist. And yet Buffett’s narrator notices the same cultural shift we are still processing two decades later: everyone is reachable, everyone is distracted, the bar is full of people staring at a device rather than at each other.

“Everybody’s on the phone, so connected and all alone…”
— Jimmy Buffett, “Everybody’s on the Phone” (2006)

That lyric is not a complaint. It is an observation — accurate, a little funny, a little melancholy — and it has only grown truer. In 2026, approximately 60% of all web traffic worldwide originates from a mobile device. The person you are designing a web page for is, statistically, more likely to be holding a phone than sitting at a desk. Buffett noticed it before the smartphone arrived. That is the definition of insight.

And that is the CS connection. If everybody’s on the phone, then every web page you write has to look good on a phone. That is not optional. It is the baseline expectation of the modern web — and it has a name: responsive web design.

Responsive web design is not a preference or a nicety — it is the baseline expectation of the modern web. These are the actual traffic patterns of your users, right now, on every site you build:

The practical consequence is simple: if you design only for a wide screen and check it on a phone as an afterthought, you are designing for the 40% and hoping the 60% will forgive you. They will not. They will leave.

This is the context in which responsive web design (RWD) was developed. Coined by Ethan Marcotte in his 2010 A List Apart article, RWD is the practice of writing CSS that adapts a page’s layout to the size of the viewport displaying it — the same HTML, the same URL, delivered intelligently at any screen width from a smartwatch to a 4K monitor. The mechanism is the CSS media query: a conditional rule that applies certain styles only when the viewport meets a specified width.

Buffett’s song came out four years before Marcotte named the practice and a year before the first iPhone. He was ahead of the web developers too.

Every page on this site uses Bootstrap 5 — an open-source CSS framework specifically designed to make responsive layouts fast to write and reliable across browsers. At its core is a 12-column grid system with six named breakpoints:

Rotate your phone to landscape to see the Bootstrap breakpoints table.

When you write col-sm-6 col-md-4 on a card, Bootstrap reads that as: “on small screens, take up 6 of 12 columns (half the row); on medium screens, take up 4 of 12 (one third of the row).” Below the small breakpoint the card goes full-width by default. One class attribute. Three different layouts. No JavaScript required.

Bootstrap 5 is also mobile-first: styles without a breakpoint prefix apply to all screen sizes, and breakpoint-prefixed styles apply from that width upward. This matches how Google and modern browsers evaluate pages. The <meta name="viewport"> tag in every TNT page header is the keystone that tells mobile browsers to use the actual device width rather than simulating a shrunken desktop layout.

Look at this page on your phone. Resize your browser window from wide to narrow. Watch the navbar collapse into a hamburger. Watch the content reflow. That behavior is Bootstrap doing exactly what Buffett’s lyric implies it should — making sure your page speaks the language of wherever the visitor happens to be.