cloudfour / cloudfour/cloudfour.com-patterns

Bug: AlignWide content clipped

Open
#1,916 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
SCSS
Stars
26
Forks
3
Avg merge
19h 32m
Merged PRs (30d)
81

Description

At some viewport sizes, content with the `alignwide` class is being clipped by the viewport. In the attached screenshot, the viewport is 1265px wide, but the `alignwide` content is 1280px wide. I'm guessing the `vw` calculations are off somehow — perhaps due to visible scrollbars?

Screen Shot 2022-07-07 at 9 53 27 AM

Contributor guide

Open the contributing guide

Research direction

Reproduce the clipping at the reported 1265px viewport and inspect the styles for the `alignwide` class, focusing on the `vw` calculations and scrollbar width. Done means alignwide content remains within the viewport at the affected sizes.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.