The request
“Everything looks right on desktop and phone, but on iPad the layout breaks. The grid overlaps and the header wraps. Please check and fix the tablet view.”
The in-between screen size nobody had tested.
The approach
We tested every template at tablet widths in both orientations, fixed the grid overlap and header wrapping, and adjusted the breakpoints so tablets get a layout that fits.
What we shipped
Tablet layout fixed in both orientations
Grid overlap resolved
Header wrapping fixed
All templates tested at tablet widths