Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

行動版 X 軸問題，修改內容 #99

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

行動版 X 軸問題，修改內容 #99

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8d9bb24
【form】外層加上 container，網格 card 加上 h-100
lcf7891 Mar 6, 2022
f8d094a
155行標語區塊裡 container 的下一層 d-flex 改為 row
lcf7891 Mar 6, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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="出發地">
Expand All @@ -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">
Expand All @@ -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">
Expand All @@ -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>
Expand All @@ -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">
Expand Down Expand Up @@ -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="">
Expand All @@ -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="">
Expand All @@ -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="">
Expand Down