Grids and layout
—

Breakpoint sizes
— 

The Credence website uses a 12-column grid for both desktop and mobile devices. 

The website adheres to Bootstrap 4 column rules. Gutter spacing is 30px on each side of a column for all breakpoint sizes.

Sample layout
—

Below is an example of how content is laid out on a 12-column grid for desktop and mobile.

Vertical spacing
—

Website content should have appropriate spacing to allow enough breathing room for users to read comfortably. Below is an example of properly spaced content. 

The spacing below applies to all screen sizes and breakpoints
(576px, 768px. 992px, 1280px, 1600px).

Sample layout
—

Below is an example of how content is spaced out accordingly to provide enough breathing room between content and to avoid clutter.