canonical / canonical/vanilla-framework
[Applying max line-width to]: <Divided section>
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
## [Divided section](https://vanillaframework.io/docs/patterns/divided-section)
## Context
The contents of the divided section stretch beyond the max-width we typically apply (640 px). As such, it occupies the full width of the screen, which is noticeable on tablet dimension.
In the [PR](https://github.com/canonical/cn.ubuntu.com/pull/805) I discovered the problem, I asked the dev to apply the max-width class to the relevant content, but they mentioned that it would be worthwhile to instead fix this upstream rather than introducing local tweaks. (@muhammad-ali-pk)
Image:
Contributor guide
Research direction
Start with the Divided section documentation and trace its implementation in the Vanilla Framework styles. Check how its content width behaves at tablet dimensions, then verify that the section respects the typical 640 px maximum without requiring the local workaround described in the linked PR.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, sass
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100