Published .
I tracked every flight I took in 2025.
I went around the Earth once, roughly. That's something.
DEN, LAX, and RNO all tied at 4, which tells me I was splitting time between the Southwest and something pulling me toward the mountains.
Two flights defined the range of the year. One was barely worth packing a bag. The other crossed an ocean.
The Barcelona to Los Angeles leg is 25ร longer than the shortest flight of the year. One of those I was asleep for most of. The other, I was probably checking my phone before we reached cruising altitude.
Southwest led at 7 flights, United at 6, American at 4. The rest were smaller counts โ Spirit for the budget runs (RIP), Iberia for the one international leg. I flew 7 different carriers in a single year, YAY fare-hunting
The big 30,689 up top is two HTML elements inside a wrapper div โ no JavaScript, no libraries. The CSS does all the work: font-size: 3.8rem scales it up, letter-spacing: -0.02em tightens it so the digits sit closer together at large sizes, and line-height: 1 collapses the vertical space so the label underneath reads as a caption rather than a separate line.
<div class="hero-stat"> <div class="big-number">30,689</div> <div class="big-label">miles flown in 2025</div> </div>
.hero-stat { margin: 2.5rem 0; padding: 2rem 0; border-top: 1px solid #e7e5e4; border-bottom: 1px solid #e7e5e4; } .big-number { font-size: 3.8rem; font-weight: normal; letter-spacing: -0.02em; line-height: 1; } .big-label { font-size: 0.9rem; color: #78716c; margin-top: 0.4rem; }
The border lines above and below the block are what give it weight on the page.