Responsive adjustment

The sca.com website is developed to be responsive. This means that the design of a page adapts according to the width of the screen on which it is displayed. In other words, the page looks different if it is displayed on a computer (desktop), tablet or mobile phone since these devices allow different widths for display of the website.

The basic structure for widths is derived from how elements are displayed at their maximum size. This occurs when the screen resolution is 1440 pixels, which is ordinarily the resolution users see when they visit the site in desktop mode. The appearance of elements at maximum desktop screen resolution, i.e. 1440 pixels, is shown below.

 

 

Additional variants of the website for tablets and mobile devices are shown below.

 

 

 

You an also read more about element color schemes on the color schemes page.