Style Guide
Search…
Grid and Layout
The Handy website is laid out on a flexible grid. We design for desktop and mobile web.
Grid by Screen Size
Designs must flex for both desktop and mobile web, but initial designs should be created with the most-used screen size in mind.
Standard Desktop Grid 1440px
This is our standard grid for desktop web designs.
Small Desktop Grid 1280px
This is the smallest screen size where original content and layout sizes can be maintained.
Tablet and Mobile Grid (1024px and 375px)
We break from the desktop grid to the mobile grid when the browser reaches 640px or less.
Sketch Layout Settings
Desktop: 1440px Wide
All desktop web designs should be created on a 1440px wide artboard. The below Layout Settings will render the correct grid on your artboard.
Mobile: 375px Wide
All mobile web designs should be created on a 375px wide artboard. The below Layout Settings will render the correct grid on your artboard.
Last modified 2yr ago