### SCSS

#### Usage

Import the package css into the top of your main CSS file.

```css
@import '@carbon/ibmdotcom-styles/scss/patterns/blocks/content-group-cards/index';
```

#### Elements

| Class                                         | Description                                                                            |
| --------------------------------------------- | -------------------------------------------------------------------------------------- |
| `.bx--content-group-cards__container`         | Element containing all list section content                                            |
| `.bx--content-group-cards__row`               | Vertical divisions across the viewport                                                 |
| `.bx--content-group-cards__col`               | Horizonal divisions across the viewport and change in width at different screen widths |
| `.bx--content-group-cards__title`             | Title for list section pattern                                                         |
| `.bx--content-group-cards__divider_col`       | Horizonal division for divider element                                                 |
| `.bx--content-group-cards__divider`           | Divider element                                                                        |
| `.bx--content-group-cards-item__title`        | list section item title element                                                        |
| `.bx--content-group-cards-item__content`      | list section item content element                                                      |
| `.bx--content-group-cards-item__link`         | list section item Link element                                                         |
| `.bx--content-group-cards-item__link__button` | list section item Link button element                                                  |

#### Blocks

| Class                            | Description                                                       |
| -------------------------------- | ----------------------------------------------------------------- |
| `.bx--content-group-cards`       | Highest level class name for the Content Array with cards pattern |
| `.bx--content-group-cards-group` | Content Array with cards section group component class            |
| `.bx--content-group-cards-item`  | Content Array with cards section item component class             |