Responsive controls and testing
Review image sizing, background crop, Hero typography and spacing across Elementor breakpoints.
Dynamic images are content-dependent, so responsive QA should include more than one representative page.
Test width and crop
Review the Featured Image widget dimensions and the background/hero crop on desktop, tablet and mobile.
Test text expansion
Use long headings and descriptions to make sure a reusable Hero does not overflow or obscure the focal area of the image.
Test fallback states
Preview at least one content item without a Featured Image so the fallback or image-free layout remains intentional at every breakpoint.

