carbon-design-system / carbon-design-system/carbon-tutorial-angular

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

Open
#124 1 comment 2 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.