Preview and Viewports
The preview panel renders your HTML, CSS, JS, and Data inside a sandboxed iframe. It updates as you edit.
Viewport Presets
Use the viewport switcher to preview common device sizes:
- Desktop: 1440 x 900
- Tablet: 834 x 1194
- Mobile: 390 x 844
The preview scales down to fit the available space without upscaling, so you see accurate proportions.
Responsive Mode
When no viewport is selected, the preview fills all available space. This is useful for fluid layouts and quick checks.
Refresh Behavior
Click Refresh in the toolbar to force a clean rebuild of the preview and clear console logs.