From 0a31a92a3c6855ddb3e0da7028b44395d59dffbe Mon Sep 17 00:00:00 2001
From: Holiq Ibrahim <30729921+holiq@users.noreply.github.com>
Date: Wed, 19 May 2021 04:17:21 +0700
Subject: [PATCH] fix respomsive example tailwind (#24582)

Co-authored-by: JJ Kasper <jj@jjsweb.site>
---
 examples/with-tailwindcss/pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/with-tailwindcss/pages/index.js b/examples/with-tailwindcss/pages/index.js
index 5cb31bcd3bed7..6b67e91ccd256 100644
--- a/examples/with-tailwindcss/pages/index.js
+++ b/examples/with-tailwindcss/pages/index.js
@@ -8,7 +8,7 @@ export default function Home() {
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
-      <main className="flex flex-col items-center justify-center flex-1 px-20 text-center">
+      <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
         <h1 className="text-6xl font-bold">
           Welcome to{' '}
           <a className="text-blue-600" href="https://nextjs.org">