Skip to content

Ensure Full-Width Boxes on Mobile #145

@Yup03

Description

@Yup03

On mobile devices, the content boxes do not take up the full width of the screen, making the layout feel constrained.
To improve readability and visual balance, these boxes should expand to the full width of the viewport while maintaining proper padding and spacing.

Steps to Reproduce:

  • Open the website on a mobile device or use responsive mode in the browser dev tools.
screen shot 2017-08-07 at 12 18 15 pm blah screen shot 2017-08-07 at 12 18 15 pm screen shot 2017-08-07 at 12 18 15 pm

Expected Behavior:

  • The boxes should adapt to the full width of the screen while keeping appropriate padding.
  • Text and images should remain well-aligned and readable.
screen shot 2017-08-07 at 12 18 15 pm blah screen shot 2017-08-07 at 12 18 15 pm screenshot

Metadata

Metadata

Assignees

Labels

BEGINNERBeginner Level IssueSWOCPart of Script Winter of Code 5.0SWOC 5.OIssue comes under Script Winter of Code 5.Ogood first issueGood for newcomers

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions