dirigible-io / dirigible-io.github.io

Public site of Eclipse Dirigible (dirigible.io) project
https://www.dirigible.io
9 stars 30 forks source link

Main Page Layout Problem on Mobile Devices #98

Closed Mrgoblings closed 4 months ago

Mrgoblings commented 5 months ago

Description

When accessing the Dirigible.io website on mobile devices, there is a significant layout issue causing images to break the site layout and enable unintended horizontal scrolling. This problem impacts the user experience by making navigation cumbersome and visually disrupting the page's design.

Steps to Reproduce

  1. Open the Dirigible.io website on a mobile device.
  2. Scroll through the page.
  3. Observe the layout issue where images cause horizontal scrolling.

Expected Behavior

The website should display correctly on mobile devices without any unintended horizontal scrolling. Images should be responsive and fit within the viewport, maintaining the overall layout integrity.

Actual Behavior

Images on the website extend beyond the viewport, causing horizontal scrolling and disrupting the page layout. This issue can be seen in the screenshots below.

Screenshots

Layout issue 1

Layout issue 2

Layout issue 3