A piece went round the developer community recently walking through how to move a page layout from one CSS system (Flexbox) to another (CSS Grid) without wrecking the alignment. Both are just tools for arranging things on a page. One handles a single direction, rows or columns. The other handles both at once.
You will never touch either of these. But the advice in that article is really a description of how site changes break, and that part is worth understaning as an owner.
The key point is that alignment problems do not appear while the work is being done. They appear when real content lands on the page. A product title that runs to three lines instead of one. A team member without a headshot. A service description twice as long as the others. The layout looked fine in the build and then goes crooked the first time your content does something slightly unexpected. If you have ever looked at your own site and thought "that card is sitting a bit high" or "why is there a gap there", this is usually why.
The second point worth carrying: the article recommends screenshotting the current layout at a few screen widths and with a few awkward content examples before changing anything, so there is something to compare against afterwards. That is not a technical trick. That is just having a record of what "correct" looked like. Plenty of small business sites get a redesign or a plugin update and nobody can quite say whether a particular section always looked like that.
Third: the article warns against converting a whole page when only one section needs it. Rebuilding more than necessary creates more places to go wrong. If you are ever quoted for a layout change and the scope keeps growing, that is a fair question to ask. Does all of it need rebuilding, or just the part that is not working.
What to do
Nothing urgent. Next time you have layout work done, hand over your worst-case content. Your longest product name, the entry with no photo, the service with the shortest blurb. Test with the messy real thing, not the tidy example.
Reported by:
