# Clean up your layout with Prettify

<Hint type="info">

**Beta version:** This feature is currently in its beta stage.

</Hint>

## What Prettify does

Prettify analyzes your selected section and automatically adjusts spacing, alignment, and visual balance of the first-level nested elements — making the layout look cleaner without manual tweaking.

It's different from [AI Responsive](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive):

<Cards columns="2">
<Card title="Prettify">

<strong>Visual enhancement</strong>

</Card>
<Card title="AI Responsive" subtitle="Cross-device optimization" href="https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive" />
</Cards>

## How to use

![image](https://docs-assets.foxecom.app/foxify-app/Untitled%20design%20(20)_0NyamMQe.gif)

<Stepper>

<Step>

#### Select a section

Click on the section you want to optimize on the canvas.

</Step>

<Step>

#### Click Prettify

Click the **Prettify** button in the toolbar. The system will analyze and adjust the section's layout.

</Step>

<Step>

#### Review and apply&#xD;

Check the result. If it looks good, click **Apply changes**. If not, make manual adjustments before applying.

</Step>

</Stepper>

<Hint type="info" title="Things to know">

<i className="fa-solid fa-layer" /> **First-level elements only** — Prettify adjusts elements directly inside the selected section. Deeply nested elements (elements inside containers inside the section) are not affected.

<i className="fa-solid fa-desktop" /> **Current viewport only** — Changes apply to the viewport you're currently viewing. Switch to mobile or tablet preview to run Prettify separately on those breakpoints if needed.

</Hint>

Need to fix layout across all devices at once? Use **AI Responsive** instead — it optimizes for desktop, tablet, and mobile in one step.

## Related resources

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive">AI responsive</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/constraints">Constraints</PageLink>

***