A hero that works at desktop width can become difficult to read on a narrow phone if its crop, height and text measure are not reviewed.

Check every breakpoint

• Confirm the Featured Image crop still preserves the intended subject.
• Reduce excessive hero height on small screens where appropriate.
• Review heading size and line breaks.
• Keep the CTA easy to reach and large enough to operate.
• Confirm overlays still provide sufficient text contrast.

Test with real titles

Use both short and unusually long page titles during QA. Dynamic content exposes edge cases that a single demo heading may hide.