Knowledge Base · Infrastructure & deployment
One banner slot, three IAB sizes
The symptom
The old hero blocked the fold with an animation that carried no information, while the advertising surfaces the business actually needed had nowhere to live.
What was actually wrong
A single element was needed that could present a 320×50, a 480×60 and a 729×90 slot from one markup block, with a label so the placement is unmistakably advertising.
The fix
One wrapper plus one slot, with media queries swapping the slot dimensions at 480px and 900px, a labelled 'Ad' marker positioned over the join, and two equal-width halves for the two placements so the layout cannot collapse. The hero padding was reduced from most of the viewport to a couple of rems.
What we took away
Ad slots should be labelled and sized, not improvised: standard IAB dimensions plus a visible label. Making them responsive with media queries keeps one code path and avoids the layout shift that swapping images would cause.