Layout

The Breakit web user experience is responsive. This means that you as a front-end developer must be aware of what the website looks like different devices and screen sizes.

Breakpoints

Device	Screen size
Mobile	767px and below
Tablet	Between 768px and 1023px
Desktop	1024px and above
Sidebar ads	1180px and above

Dimensions

Type	Size
Max width	1250px
Main column	980px
Sidebar column	300px
Main column gutter	40px
Topbar ads	980px
Sidebar ads	250px