Step 2: bx--content has default padding of 32px

[warnerjc]

There is a default padding on the main tag class bx--content of 32px, preventing all child elements from covering / expanding to the full width of the screen.

Solution to align with design spec, override bx-content padding to 0 in styles.scss:

.bx--content {
  padding: 0;
}

[sindre-sorensen]

I'm experiencing the same problem with the following packages and versions.

├── @carbon/[email protected] ├── @carbon/[email protected] ├── @testing-library/[email protected] ├── @testing-library/[email protected] ├── @testing-library/[email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected]