Fix/landingpage-product-section #709

Srinu346 · 2025-10-27T17:36:07Z

What has changed?

The Products section on the landing page has been updated to ensure it is fully responsive across all screen sizes.

Fixed layout issues where the three product cards (Unit Testing Agent, Integration Testing, and API Testing Agent) were overflowing or misaligned on smaller screens.
Applied responsive design best practices (e.g., flex/grid adjustments, media queries) to ensure the cards stack correctly on smaller viewports.

Type of change

Bug fix (non-breaking change which fixes an issue).

How Has This Been Tested?

I have manually tested the changes by resizing the browser window across common breakpoints to simulate different devices.

Mobile: Verified the cards stack vertically and are centered.

Checklist:

My code follows the style guidelines of this project.
I have performed a self-review of my own code.

Achanandhi-M

Hey @Srinu346, as I mentioned earlier, we don’t want to make any changes to the existing product section since it already looks good. However, in this PR, you’ve updated that section on the product page. We didn’t notice any issues with the existing landing page on the desktop version.

Achanandhi-M

Hey @Srinu346, as I mentioned earlier, we don’t want to make any changes to the existing product section since it already looks good. However, in this PR, you’ve updated that section on the product page. We didn’t notice any issues with the existing landing page on the desktop version.

Also, the pipelines are currently failing. Please mention the specific changes you made in the PR, as I couldn’t understand them clearly. In the PR description, you mentioned the updates were for small screens, but the changes are also reflecting on the desktop version.

Signed-off-by: Akella Srinivas <[email protected]>

Srinu346 · 2025-10-28T17:01:54Z

@Achanandhi-M sir please have a look, hopes that didn't mess it up this time.

Before Changes

After Changes

Mobile View

Screen.Recording.2025-10-28.222841.mp4

Achanandhi-M

please fix the prettier issue

Achanandhi-M · 2025-10-29T07:41:33Z

src/components/Product.js

  return (
    <div className="rounded-lg">
-      <ul className="grid auto-cols-[300px] grid-flow-col gap-3 lg:gap-5">
+      <ul className="grid grid-flow-row md:grid-flow-col md:auto-cols-[300px] gap-3 lg:gap-5">


Why there are two grid styles implement, we already have grid style in the code

Sir removing ( auto-cols-[300px]) was disturbing the desktop version in little way so i avoided it, if it's ok then i will align the boxes and remove the additional grid style .

Sir removing ( auto-cols-[300px]) was disturbing the desktop version in little way so i avoided it, if it's ok then i will align the boxes and remove the additional grid style .

No the point is there are two grid sections in the updated code, if you are solving for the small screen better use media screens dont change the existing style

Sir, I have used two grid styles one for small screen and one for desktop version which was already there, even after trying for using media screen, some styles were not getting overidded sir (grid-flow-row) was not getting overidded sir.

Screen.Recording.2025-10-31.010643.mp4

Srinu346 · 2025-10-29T14:01:29Z

Sir, the prettify error mentions branch not found even though i have raised my pr from my fork and from the same branch .Error: A branch or tag with the name 'fix/landingpage-product-section' could not be found, tried resolving it many times but couldn't.

Achanandhi-M · 2025-10-30T08:05:22Z

Sir, the prettify error mentions branch not found even though i have raised my pr from my fork and from the same branch .Error: A branch or tag with the name 'fix/landingpage-product-section' could not be found, tried resolving it many times but couldn't.

there is a command you need to run before everything you push the code to github, use this command, npx prettier --write '**/*.{js,md}'

Signed-off-by: Akella Srinivas <[email protected]>

Srinu346 · 2025-10-30T19:35:17Z

Sir, the prettify error mentions branch not found even though i have raised my pr from my fork and from the same branch .Error: A branch or tag with the name 'fix/landingpage-product-section' could not be found, tried resolving it many times but couldn't.

there is a command you need to run before everything you push the code to github, use this command, npx prettier --write '**/*.{js,md}'

Thank you Sir.

Signed-off-by: Akella Srinivas <[email protected]>

Srinu346 · 2025-10-31T09:25:46Z

Sir, the prettify error mentions branch not found even though i have raised my pr from my fork and from the same branch .Error: A branch or tag with the name 'fix/landingpage-product-section' could not be found, tried resolving it many times but couldn't.

there is a command you need to run before everything you push the code to github, use this command, npx prettier --write '**/*.{js,md}'

Sir have used this command, even tough same error is coming.

Achanandhi-M

Hey @Srinu346 I don't see any design issues or padding issues in the product section page, i have attached the screenshot also, so then what is the PR is all about can you please explain it.

Srinu346 · 2025-11-07T17:19:28Z

Hey @Srinu346 I don't see any design issues or padding issues in the product section page, i have attached the screenshot also, so then what is the PR is all about can you please explain it.

Apologies, Sir. I should have explained it more clearly. The product section was disrupting the mobile layout, so I updated it to improve the mobile view that’s what I meant, Sir.

Achanandhi-M

Hey @Srinu346 the screenshot you have shared it is not visible

Srinu346 · 2025-11-10T17:55:26Z

Sorry Sir, but i think i didnt attach any screenshot.

Srinu346 mentioned this pull request Oct 27, 2025

Fix: landing page responsiveness #681

Closed

3 tasks

Srinu346 force-pushed the fix/landingpage-product-section branch 4 times, most recently from 35b7cfe to 335fd5d Compare October 28, 2025 08:53

Achanandhi-M requested changes Oct 28, 2025

View reviewed changes

Achanandhi-M reviewed Oct 28, 2025

View reviewed changes

Srinu346 force-pushed the fix/landingpage-product-section branch from 335fd5d to a153ec4 Compare October 28, 2025 16:48

fix(docs_page): mobile_view

9ad61e6

Signed-off-by: Akella Srinivas <[email protected]>

Srinu346 force-pushed the fix/landingpage-product-section branch from a153ec4 to 9ad61e6 Compare October 28, 2025 16:50

Achanandhi-M reviewed Oct 29, 2025

View reviewed changes

Merge branch 'keploy:main' into fix/landingpage-product-section

91a1412

fix(docs_page): prettier_issue

a1bd6ea

Signed-off-by: Akella Srinivas <[email protected]>

fix(docs_page): prettier_issue

d61d029

Signed-off-by: Akella Srinivas <[email protected]>

Srinu346 requested a review from Achanandhi-M November 1, 2025 13:24

Achanandhi-M added 2 commits November 4, 2025 13:35

Merge branch 'main' into fix/landingpage-product-section

af21e07

Merge branch 'main' into fix/landingpage-product-section

8406497

Achanandhi-M requested changes Nov 7, 2025

View reviewed changes

Achanandhi-M reviewed Nov 10, 2025

View reviewed changes

Merge branch 'main' into fix/landingpage-product-section

76b2106

Fix/landingpage-product-section #709

Are you sure you want to change the base?

Fix/landingpage-product-section #709

Uh oh!

Conversation

Srinu346 commented Oct 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What has changed?

Type of change

How Has This Been Tested?

Checklist:

Uh oh!

Achanandhi-M left a comment

Choose a reason for hiding this comment

Uh oh!

Achanandhi-M left a comment

Choose a reason for hiding this comment

Uh oh!

Srinu346 commented Oct 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Before Changes

After Changes

Mobile View

Uh oh!

Achanandhi-M left a comment

Choose a reason for hiding this comment

Uh oh!

Achanandhi-M Oct 29, 2025

Choose a reason for hiding this comment

Uh oh!

Srinu346 Oct 29, 2025

Choose a reason for hiding this comment

Uh oh!

Achanandhi-M Oct 30, 2025

Choose a reason for hiding this comment

Uh oh!

Srinu346 Oct 30, 2025

Choose a reason for hiding this comment

Uh oh!

Srinu346 Oct 30, 2025

Choose a reason for hiding this comment

Uh oh!

Srinu346 commented Oct 29, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Achanandhi-M commented Oct 30, 2025

Uh oh!

Srinu346 commented Oct 30, 2025

Uh oh!

Srinu346 commented Oct 31, 2025

Uh oh!

Achanandhi-M left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Srinu346 commented Nov 7, 2025

Uh oh!

Achanandhi-M left a comment

Choose a reason for hiding this comment

Uh oh!

Srinu346 commented Nov 10, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Srinu346 commented Oct 27, 2025 •

edited

Loading

Srinu346 commented Oct 28, 2025 •

edited

Loading

Srinu346 commented Oct 29, 2025 •

edited

Loading

Achanandhi-M left a comment •

edited

Loading