carbon-design-system / carbon-design-system/carbon-tutorial-angular
Step 2: bx--content has default padding of 32px
- Dominant language
- No language data
- Stars
- 20
- Forks
- 883
- PR merge metrics
- No merged PRs in 30d
Description
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;
}
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Open styles.scss and inspect the main element using the bx--content class. Confirm the default 32px padding is preventing child elements from spanning the full screen, then verify that the content aligns with the design spec after the padding is overridden to 0.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 35/100