Notes

• This pattern is a cover block and will expand horizontally to fill the available space:
  • Use outside any other container for a full-width, “call to action” section
  • Use inside a container for a special feature section
• Because cards also expand to fill available space, we use an actual Bootstrap column to restrain the card from growing too wide:
  • Because of this, the card in this pattern can only be on the left on larger screen sizes
• This pattern uses our own static UDS Card; you cannot modify the features of the card to add anything not in the UDS standard.
• If you need more control over the type of content in the “card” area, there is a “fake card” pattern available that uses a group block instead of a card
• On mobile screens, the card area may fill most of the available content space and cover much of the image. If it’s important to still see someone’s face – for example – on mobile, you may want to consider a different approach.