Components

Mixing box links and box objects

There are times when you need to mix rows of content blocks of box links and box objects.

Some users have difficulty reading text when there is not enough contrast between foreground and background colours. In order to meet the W3C Web Content Accessibility Guidelines 2.1 Level AA, the colours Aqua, Gold, Lime and Yellow should not be used.

This includes the following CSS classes:

Backgrounds
bg-aqua, bg-gold, bg-lime and bg-yellow

Two boxes

Top of page

Three boxes

Top of page

Boxes stacked right

Top of page

Boxes stacked left

Top of page