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.

seb logo

Units

Definitions and explanations of units and measurements we use.

REM units

If you set your root size to 16, you can easily use .5rem increments to build your layouts.

  • 1 REM = 16 px
Cheat sheet
  • 2 px = 0.125 rem
  • 4 px = 0.25 rem
  • 8 px = 0.5 rem
  • 16 px = 1 rem
  • 20 px = 1.25 rem
  • 24 px = 1.5 rem
  • 32 px = 2 rem
  • 44 px = 2.75 rem
  • 56 px = 3.5 rem
  • 64 px = 4 rem

Typographic units

EM is a unit for typography.

  • 1 EM = 16 px

Want to know more? Here is an article about REM vs EM

More?

Dpi = Dots per inches, usually used when discussing screen sizes and resolutions

Component meta

Component identifier

pattern-units

Tags

Design principles

Page last updated

Feedback

Was this helpful?