Mobile isn't a smaller desktop — it's a different reading order

The laziest mobile layout is the desktop layout with the columns stacked. It's also the most common, because it requires no real decisions — everything that was side-by-side is now just top-to-bottom, in the same order.

The problem shows up immediately in anything with a sidebar. A desktop case study puts the metadata panel — role, year, technologies — beside the narrative, so a reader takes both in together. Stack that same layout and the metadata either pushes the actual story below the fold, or gets buried after it where nobody reads it.

The fix used throughout this portfolio's case-study template is to treat mobile as a genuine recomposition: metadata compresses into a single scannable strip right under the title, filters that live in a sidebar on desktop become a horizontal, swipeable row on mobile, and multi-column comparison tables become a single stacked card per item instead of a table that requires horizontal scrolling.

None of this is really about screen size. It's about deciding, for each piece of content, what a reader needs first — and admitting that the answer might be different on a phone than on a 27-inch monitor.