Ad fluid
Currently, this is only intended to wrap around sponsor content ads, which are implemented through Google's native ad feature. Fluid ads contain more dynamic content than our standard set height x width ads, but we must still declare a height that the browser can anticipate before the ad content loads (aka prevent reflow).
Note: If we start to see more variations of fluid ads in the future, consider making the sponsor styles scoped under a specific modifier. {{isWide}}
.c-ad-fluid
<div class="c-ad-fluid has-styled-border has-text-sponsor has-bg-white-off">
<div style="display: grid; height: 100%; padding: 20px;" class="has-text-black-off"><div style="border: 1px dotted #000; padding: 20px;">Native ad goes here</div></div>
</div>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 3 |