Skip to content

Content not 100% width in narrow viewports #812

Description

@BlueSlug

Describe the bug

At narrow viewport widths, the pagination and social links parts of the page break out of the page containers, leading to whitespace on one side and reducing available screen real estate.

To Reproduce

Steps to reproduce the behavior:

  1. Go to the Resources page
  2. Activate Mobile device emulation and set the view to "Responsive"
  3. Reduce the viewport width until a gap in content appears at the right side of the page
  4. See the error

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

N/A

Desktop:

  • OS: Windows 10 Pro 21H1
  • Browser: Chrome 96

Smartphone:

N/A

Additional context

The number of affected devices may be relatively small, though the fix may be simple.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions