From ad15af59da573773bc1522678d89ef04ae6d7dc6 Mon Sep 17 00:00:00 2001
From: Abhinav Arya <95561280+itzabhinavarya@users.noreply.github.com>
Date: Wed, 11 Oct 2023 11:38:23 +0530
Subject: [PATCH] fix: image and page responsiveness in docs section (#1078)

Co-authored-by: Shubham Palriwala <spalriwalau@gmail.com>
---
 .../app/docs/best-practices/interview-prompt/page.mdx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx b/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx
index 081928c9ef..0a49af1a98 100644
--- a/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx
+++ b/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx
@@ -125,7 +125,7 @@ Generally, we have two types of user actions: Page views and clicks. The Intervi
 
 2. **innerText & CSS-Selector:** When a user clicks an element (like a button) with a specific text content or CSS selector, the prompt will be displayed as long as the other conditions also match.
 
-<div className="grid grid-cols-2 space-x-2">
+<div className="flex max-w-full flex-col sm:max-w-3xl lg:gap-1">
   <Image src={ActionCSS} alt="Add CSS action" quality="100" className="rounded-lg max-w-full sm:max-w-3xl" />
   <Image
     src={ActionInner}