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.
Related Small is one of the three Related Blocks that is used to highlight a story, article, news or a product that is related to the current content, or in other ways relevant to the reader
Gives the user an easy way to explore more content relevant and related to the current content they are reading. Or highlighted content on a landing or startpage.
Use this block to add a relevant story, article, news or a product that is related to the current content, or in other ways relevant to the reader.
The content is fitted in cards, with good contrast to the grey background, to show that it is content living on another page. They show a glint on the content they are linked to.
The related blocks are designed to fit well together. An editor can give the user a package of related information in three different sizes, where content is placed in each type of related block size, depending on its importance or business.
The Small block contains an image, label (optional), linked header and body text on a solid white background. The text area is placed underneath the picture. In the Related Small container block you can ad up to 9 items, placed in three columns and stacked. They are always left aligned, meaning that if you only have two, the third column will be empty.
In mobile devices there is a margin of 1 rem on both sides to make a clear difference between the Large, Medium and Small Related blocks.
An overview of all of the Related blocks together
Exploration of Related blocks in zone 3 for Business Arena