canonical / canonical/vanilla-framework

[Applying max line-width to]: <Divided section>

Open
#5,743 2 comments 1 reaction 0 assignees View on GitHub
Priority: Low Tier: Sites WG: Validated
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:

Image

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.