> For the complete documentation index, see [llms.txt](https://docs.divmagic.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.divmagic.com/settings/media-query.md).

# Media Query

**Default Value: On**

<div align="left"><figure><img src="/files/EawcD74AglsUmeRUlYAJ" alt="" width="319"><figcaption></figcaption></figure></div>

## Media Query On

This option will add Media Query to the copied code for responsive design.

It works with all Component Format and Style Format options.

#### Media Query with Tailwind CSS

If you choose Tailwind CSS, Media Query will be added to the Tailwind CSS classes. If there is a Media Query style that is not supported by Tailwind CSS, it will be added as a global style.

#### Media Query with Inline CSS

If you choose Inline CSS, Media Query will be added as a global style because Inline CSS doesn't support Media Query styles.

#### Media Query with External CSS

If you choose External CSS, Media Query will be added to the External CSS.

#### Media Query with Local CSS

If you choose Local CSS, Media Query will be added to the Local CSS.

### Media Query Off

This option will not add Media Query to the copied code.