From 8d9bb24cdb79c85543919afdc4f22838c1d57e26 Mon Sep 17 00:00:00 2001
From: Allen <lcf7891@gmail.com>
Date: Sun, 6 Mar 2022 20:36:12 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E3=80=90form=E3=80=91=E5=A4=96=E5=B1=A4?=
 =?UTF-8?q?=E5=8A=A0=E4=B8=8A=20container=EF=BC=8C=E7=B6=B2=E6=A0=BC=20car?=
 =?UTF-8?q?d=20=E5=8A=A0=E4=B8=8A=20h-100?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index c1706ed..1a833f4 100644
--- a/index.html
+++ b/index.html
@@ -21,8 +21,8 @@ <h1 class="title text-center header__title p-5">
       </h1>
     </header>
     <main>
-      <section class="d-flex justify-content-center">
-        <form class="d-flex g-0 mt-25 w-auto shadow">
+      <section class="container">
+        <form class="row g-0 mt-25 w-auto shadow">
           <div class="col-md-4">
             <div class="form-floating">
               <input type="text" class="form-control rounded-0" id="floatingOut" placeholder="出發地">
@@ -46,7 +46,7 @@ <h1 class="title text-center header__title p-5">
           </div>
         </form>
       </section>
-      <section class="mt-5">
+      <section class="container-fluid mt-5">
         <h2 class="title text-center">推薦景點</h2>
         <div class="row row-cols-1 row-cols-md-4 g-2">
           <div class="col">
@@ -65,7 +65,7 @@ <h5 class="card-title">錫亞高</h5>
             </div>
           </div>
           <div class="col">
-            <div class="card">
+            <div class="card h-100">
               <img src="./img/photo-1523906834658-6e24ef2386f9.jpg" class="card-img-top obj-cover"
                 style="height: 200px;">
               <div class="card-body">
@@ -77,7 +77,7 @@ <h5 class="card-title">威尼斯</h5>
             </div>
           </div>
           <div class="col">
-            <div class="card">
+            <div class="card h-100">
               <img src="./img/a2wgw-k9h4o.jpg" class="card-img-top obj-cover" style="height: 200px;">
               <div class="card-body">
                 <h5 class="card-title">杜拜</h5>
@@ -88,7 +88,7 @@ <h5 class="card-title">杜拜</h5>
             </div>
           </div>
           <div class="col">
-            <div class="card">
+            <div class="card h-100">
               <img src="./img/photo-1501446529957-6226bd447c46.jpg" class="card-img-top " style="height: 200px;"
                >
               <div class="card-body">

From f8d094ac8ba204ee79f36e9f5cc336edd9b04213 Mon Sep 17 00:00:00 2001
From: Allen <lcf7891@gmail.com>
Date: Sun, 6 Mar 2022 20:52:00 +0800
Subject: [PATCH 2/2] =?UTF-8?q?155=E8=A1=8C=E6=A8=99=E8=AA=9E=E5=8D=80?=
 =?UTF-8?q?=E5=A1=8A=E8=A3=A1=20container=20=E7=9A=84=E4=B8=8B=E4=B8=80?=
 =?UTF-8?q?=E5=B1=A4=20d-flex=20=E6=94=B9=E7=82=BA=20row?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1a833f4..2ef8ca0 100644
--- a/index.html
+++ b/index.html
@@ -154,7 +154,7 @@ <h3 class="fs-1">
       </section>
       <section class="bg-gray">
         <div class="container py-5">
-          <div class="d-flex">
+          <div class="row">
             <div class="col-md-6">
               <img class="img-fluid obj-cover w-100 shadow p-3 mb-5 bg-body rounded" style="height: 400px;"
                 src="./img/photo-1507667895043-c4de59dda180.jpg" alt="" srcset="">
@@ -165,7 +165,7 @@ <h3 class="mb-4">給自己機會放鬆</h3>
               <p>不如趁這個機會加入PaPa走讓自己大腦放鬆一下。</p>
             </div>
           </div>
-          <div class="d-flex flex-md-row-reverse">
+          <div class="row flex-md-row-reverse">
             <div class="col-md-6">
               <img class="img-fluid obj-cover w-100 shadow p-3 mb-5 bg-body rounded" style="height: 400px;"
                 src="./img/photo-1473625247510-8ceb1760943f.jpg" alt="" srcset="">
@@ -176,7 +176,7 @@ <h3 class="mb-4">享受大自然</h3>
               <p>讓自己遠離都市的塵囂。</p>
             </div>
           </div>
-          <div class="d-flex">
+          <div class="row">
             <div class="col-md-6 shadow p-3 mb-5 bg-body rounded">
               <img class="img-fluid obj-cover w-100" style="height: 400px;"
                 src="./img/photo-1553697388-94e804e2f0f6.jpg" alt="" srcset="">