From 633ff5d3ec852847479eb4d8c62f1815cbdb094b Mon Sep 17 00:00:00 2001
From: Daichi Furukawa <39912574+Loliver1224@users.noreply.github.com>
Date: Mon, 3 Jul 2023 01:19:10 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=A2=E3=83=90=E3=82=A4=E3=83=AB=E3=83=9A?=
 =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=A7=E3=81=AE=E3=82=B9=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=E3=83=AB=E5=B4=A9=E3=82=8C=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Layout.tsx  | 10 ++++++----
 components/Profile.tsx |  2 +-
 styles/globals.css     |  8 ++++++++
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/components/Layout.tsx b/components/Layout.tsx
index 21e0c41..0b33054 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -63,11 +63,13 @@ export default function Layout({ children }: Props) {
         </header>
 
         <main className="flex justify-center grow bg-gradient">
-          <div className="flex gap-4 flex-wrap w-[1300px] mx-auto my-4">
-            <div className="bg-white flex-auto p-6 xl:max-w-[960px] rounded-md">
-              {children}
+          <div className="flex lg:flex-row flex-col gap-4 max-w-[1300px] xl:mx-auto my-4">
+            <div className="bg-white flex-1 rounded-md">
+              <div className="w-screen lg:w-[42rem] xl:w-fit p-6 mx-auto">
+                {children}
+              </div>
             </div>
-            <div className="xl:w-80 grow">
+            <div className="basis-full md:basis-80">
               <div className="bg-white rounded-md p-6">
                 <Profile />
               </div>
diff --git a/components/Profile.tsx b/components/Profile.tsx
index c9fa760..1ee5cf7 100644
--- a/components/Profile.tsx
+++ b/components/Profile.tsx
@@ -31,7 +31,7 @@ export default function Profile() {
           </div>
           <div className="flex justify-center gap-2">
             <Link
-              href="https://twitter.con/Lolitta_river"
+              href="https://twitter.com/Lolitta_river"
               className="border rounded border-indigo-600 p-0.5"
             >
               <FaTwitter color="#4F46E5" />
diff --git a/styles/globals.css b/styles/globals.css
index ce9eefb..f3880c2 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -109,4 +109,12 @@ article ul {
   @apply pl-6;
   @apply mb-4;
 }
+
+pre {
+  @apply whitespace-pre-wrap;
+}
+
+code {
+  @apply break-words;
+}
 /** --------- */