No more scrambling around looking for your iPad or borrow your friend’s Android device when using Punchlist. We allow you to toggle between desktop, tablet, and mobile renderings of your website.
When you’re in the Items tab of the project sidebar, you’ll see five icons at the top – two desktops, a phone, a tablet, and a computer. (Reminder: This feature is only available for web projects, so if you don’t see the icons, you may be in an image or PDF project.)
As you click through the icons, the rendering of your project will change. These renderings are calculated using average mobile, tablet, and desktop screen sizes.
If you have custom requirements, you can add custom breakpoints. Click the three dots to add. You can remove custom breakpoints by clicking the “x” next to the breakpoint.
The feedback you leave on each rendering is kept separate by device, making it easy to see which screen sizes need your attention. A number will appear by the icon indicating how many pieces of feedback have been left for each device.