Preview devices
See how your site looks on desktop, tablet, and phone before publishing.
PageFork generates responsive sites by default, but responsive isn’t a guarantee — you should always test. The device preview switches the iframe between three common widths.
Device widths
| Device | Width |
|---|---|
| Desktop | Full available width |
| Tablet | 768 px |
| Mobile | 375 px |
The preview re-renders at the exact width. Layouts, font sizes, and menu behaviour (e.g. hamburger vs inline nav) change accordingly.
When to switch
Always check at least two devices:
- Desktop for overall composition and density.
- Mobile for typography, tap targets, and the nav.
If your site has complex layouts (comparison tables, galleries, side-by-side columns), check Tablet too — it’s where most responsive bugs hide.
Fixing device-specific issues
If something looks off on one device, you can prompt for it specifically:
- “On mobile, make the hero headline smaller.”
- “On tablet, make the pricing grid two columns instead of three.”
- “On mobile only, hide the testimonials section.”
PageFork will add the appropriate responsive styles without affecting the other breakpoints.
Testing on a real device
The device preview is an iframe, not a real device. For final testing on your actual phone, publish to your free pagefork.ai subdomain and open it there — real devices catch issues (touch scrolling, viewport quirks) that the preview can’t.