Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

Density

Density scaling is a feature that enables a recommended value of margins depending on resolution and/or device.

Guidelines

Short description

Density scaling aims to adapt the margins of all UI components in a viewport depending on resolution and/or device. This feature is inherited from the responsive UI values and is applied automatically.

Behaviour

Every component in the SEB UI should inherit the already set margin values for each resolution and/or device, thus being able to utilise the available space in the best way possible.

Recommended values

  • Desktop: 32px
  • Tablet: 24px
  • Mobile: 16px

Related to

  • Grid
  • Typography

Specification

Breakpoints

Subsections

Page last updated

Feedback

Was this helpful?