# Prettify {% hint style="warning" %} **Beta version:** This feature is currently in its beta stage. {% endhint %} ## What is Prettify **Prettify** feature allows you to instantly enhance the aesthetics of your layout with a single click. Unlike [AI Responsive](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive), which optimizes for different devices, Prettify **only applies to the current viewport** and **affects only the first-level nested elements** of the selected section. ## How to use Prettify

{% hint style="success" %} **Steps:** 1. **Select a section** you want to enhance. 2. Click the **Prettify** button in the toolbar. 3. After the system adjusts the section’s layout, review and click **Apply changes** if you're happy with the results. {% endhint %}

## Best practices :white\_check\_mark: Prettify **only affects the first-level nested elements** inside the selected section. It won’t modify deeply nested elements.

:white\_check\_mark: Prettify does not affect responsiveness across different devices; it only **improves the current viewport layout**.

{% hint style="info" %} If you want to **enhance the responsiveness on all viewports**, see [ai-responsive](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive "mention") {% endhint %}