From 668d04a91aafa96c24729fe0a3b11aef3e2e90c2 Mon Sep 17 00:00:00 2001 From: Gagan202005 Date: Wed, 21 Jan 2026 23:57:01 +0530 Subject: [PATCH] fix responsiveness of docs website Signed-off-by: Gagan202005 --- src/components/Product.js | 455 +++++++++++++++++++------------------- 1 file changed, 225 insertions(+), 230 deletions(-) diff --git a/src/components/Product.js b/src/components/Product.js index 9d01e9fdc..c3eb8480d 100644 --- a/src/components/Product.js +++ b/src/components/Product.js @@ -4,232 +4,228 @@ import useBaseUrl from "@docusaurus/useBaseUrl"; function UTG() { return ( -
-
    -
  • - -
    -
    - - - -

    K8s Agent

    -
    -
      -
    • -

      - Live record and replay your tests in your k8s cluster, - ensuring coverage and stability. -

      -
    • -
    -
    - -
  • -
  • - -
    -
    - - - - - - - -

    - Integration Testing -

    -
    -
      -
    • -

      - Records and replays API calls with mocks for reliable - integration testing and stability. -

      -
    • -
    -
    - -
  • -
  • - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - undefined - -

    - API Testing Agent -

    -
    -
      -
    • -

      - Generates API tests from your docs, covering edge cases, - ensuring coverage. -

      -
    • -
    -
    - -
  • -
+ // Replaced
    with a responsive Grid
    + // grid-cols-1 (Mobile) -> md:grid-cols-2 (Tablet) -> lg:grid-cols-3 (Desktop) +
    + + {/* --- Card 1: K8s Agent --- */} + +
    +
    + + + +

    K8s Agent

    +
    +
      +
    • +

      + Live record and replay your tests in your k8s cluster, ensuring + coverage and stability. +

      +
    • +
    +
    + + + {/* --- Card 2: Integration Testing --- */} + +
    +
    + + + + + + + +

    Integration Testing

    +
    +
      +
    • +

      + Records and replays API calls with mocks for reliable + integration testing and stability. +

      +
    • +
    +
    + + + {/* --- Card 3: API Test Generator --- */} + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + undefined + +

    API Testing Agent

    +
    +
      +
    • +

      + Generates API tests from your docs, covering edge cases, ensuring + coverage. +

      +
    • +
    +
    +
    ); } @@ -245,9 +241,8 @@ export const Products = () => { workflow:

    -
    - -
    + {/* Removed the outer grid wrapper here so UTG handles its own layout */} + ); -}; +}; \ No newline at end of file