fleetbase / fleetbase/fleetbase.io

Mobile responsiveness issue on landing page

Open
#7 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
2
Forks
2
Avg merge
23h 4m
Merged PRs (30d)
9

Description

The mobile version of the landing page is not fully responsive in the section with the heading:
“Integrate in Minutes, Not Months”
The code snippet container in this section appears to overflow horizontally on smaller screen sizes, causing:
* horizontal scrolling,
* layout overflow,
* and extra blank space on the right side of the mobile viewport.

**Actual behavior**
On mobile devices:
* the code snippet box extends beyond the viewport width,
* the page can be dragged/slid horizontally,
* and a blank area appears on the right side of the screen.

**Steps to reproduce**
1. Open the landing page on a mobile device or browser dev tools.
2. Navigate to the section titled:
“**Integrate in Minutes, Not Months**”
3. Attempt horizontal scrolling.
4. Notice the extra whitespace/overflow on the right side.

**Environment**
* Mobile viewport
* Reproduced in browser responsive mode
* Likely affects multiple mobile screen sizes

Image
Image
Also the call to action button before the footer is too big on the mobile too:

Image

@roncodes @shivthakker

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.