-
Notifications
You must be signed in to change notification settings - Fork 223
Open
Description
Issue Description:
On the Nightwatch.js website, the "Guide" page has a layout issue where the 'What is Nightwatch?' section overflows horizontally on extra-large screens (>1200px
). Additionally, the 'Supported Browser' section overlaps with the right container, causing the entire page to overflow horizontally.
Steps to Reproduce:
- Open the Nightwatch.js website
- Navigate to the Guide page by clicking on "Guide" in the navigation bar.
- Scroll down to observe the issue in the Nightwatch and Supported Browser sections.
- Resize the browser window to an extra-large screen width (over 1200px) to see the problem in detail.
Observations:
- The issue is only noticeable on screens with a width greater than 1200px.
- The Nightwatch section's width exceeds the container, causing horizontal scrolling.
- The Supported Browser section's content overlaps with the right-side container, leading to layout misalignment.
Suggested Fix:
-
Adjust Column Widths in the
page-content
Section:
Ensure the columns in the page-content section are properly divided to avoid exceeding the container width. -
Test Layout Responsiveness:
Verify the alignment of sections across all screen sizes, with special attention to extra-large screens (>1200px
).
Additional Information:
- The problem may stem from incorrect grid usage or uncontained elements within the Nightwatch and Supported Browser sections.
Metadata
Metadata
Assignees
Labels
No labels