Page sizes for responsive web design

[Joe Seven]

Wondering how other designers are setting up their page sizes in 2019. Do you design 3 layouts for different screen sizes? Maybe 4 layouts or more?

It would be great if XD had a starter template file that included the most common screen sizes as separate art boards. Sketch has this and their file contains 4 sizes: Desktop HD, Desktop, Tablet Portrait and Mobile Portrait.

I am currently considering using the following 3 page sizes on my next web design project:

- 375 x 667 (mobile)

- 1366 x 768 (laptop)

- 1920 x 1080 (desktop)

Any thoughts? Would it be better to include a size for tablet in between "mobile" and "laptop"?

[Atul_Saini · Accepted solution]

Hi Joe,

Thanks for sharing your feedback about responsive resize. I would request you to take a look at this link: -Responsive resize and constraints for more details on it.

You can certainly have a tablet artboard between mobile and desktop/laptop design. Please check out the presets artboard sizes on the home screen, or use artboard tool to explore options and let us know in case you need further assistance.

Thanks,

Atul_Saini