---
url: "/bannerify/export/platforms/responsive-html-media-queries.md"
description: "Combine supplied Figma layouts into a clickTag-enabled responsive HTML banner for custom hosting."
---

# Exporting responsive HTML banners with media queries

> Combine supplied Figma layouts into a clickTag-enabled responsive HTML banner for custom hosting.

# Responsive HTML (Media Queries)

Select **Responsive HTML (Media Queries)** when several supplied Figma layouts should be combined into one responsive HTML creative for custom hosting or a compatible third-party placement.

## Exporting with this option

1. Load the banner frames you want to export into Bannerify.
2. Click **Export to HTML** in the Bannerify header.
3. Select the output option named in this guide under **Code Output Settings**.
4. Enter the destination URL or other platform-specific values shown in the export panel.
5. Click the export button, download the generated `.zip`, and unzip the main Bannerify download.

If you enable **Include individual .zip files for each banner**, the upload-ready banner packages are placed in the `_zips` folder. Some responsive and single-file formats use a different package described on their dedicated page.

> **Note:** Always test the exact exported file in the destination platform or its official validator. A local browser preview confirms the creative renders, but it cannot confirm account eligibility or platform approval.

Bannerify includes the supplied layouts in one responsive document, uses media queries to select the matching layout, and adds the destination URL entered in the export panel. It does not generate new layouts, so include every size or breakpoint the placement requires.

> **Warning:** This is not a Google Ads upload format. Use [Google Ads (Responsive HTML5)](/bannerify/export/platforms/google-ads-responsive) for one responsive Google Display upload, or [Google Ads](/bannerify/export/platforms/google-ads) for separate fixed-size ZIPs.

See the [responsive HTML export tutorial](/bannerify/tutorials/export-responsive-html-banners-from-figma) for a complete walkthrough.