回答編集履歴

1

update code

2020/02/17 07:18

投稿

shgtkshruch
shgtkshruch

スコア665

test CHANGED
@@ -4,45 +4,51 @@
4
4
 
5
5
  ```html
6
6
 
7
- <div class="subtopic row">
7
+ <div class="subtopic">
8
8
 
9
- <div class="col-4">
9
+ <div class="row">
10
10
 
11
- <h3>Airbnbでホストするこれだけの理由</h3>
11
+ <div class="col-4">
12
12
 
13
- <p>どんなお家やお部屋でも、Airbnbなら簡単かつ安全にシェアき、世界中旅好きな仲間とつながれます。
13
+ <h3>Airbnbでホストするこれだけ理由</h3>
14
14
 
15
- 予約可能日ら料金ハウスルール、ゲストと交流程度まで、すべて自分で決めることができます。
15
+ <p>どんなお家やお部屋でも、Airbnbなら簡単つ安全にシェアでき世界中旅好きな仲間つなます。
16
16
 
17
- </p>
17
+ 予約可能日から料金、ハウスルール、ゲストとの交流程度まで、すべて自分で決めることができます。
18
18
 
19
+ </p>
20
+
19
- </div>
21
+ </div>
20
22
 
21
23
 
22
24
 
23
- <div class="col-4">
25
+ <div class="col-4">
24
26
 
25
- <h3>Airbnbならホストも安心安全</h3>
27
+ <h3>Airbnbならホストも安心安全</h3>
26
28
 
27
- <p>万一に備えるUS$1,000,000の財物補償、US$1,000,000の賠償責任保険が全予約に自動付帯。
29
+ <p>万一に備えるUS$1,000,000の財物補償、US$1,000,000の賠償責任保険が全予約に自動付帯。
28
30
 
29
- ホストのみなさまと建物・家財の安全をお守りするため全力で取り組んでいます。
31
+ ホストのみなさまと建物・家財の安全をお守りするため全力で取り組んでいます。
30
32
 
31
- <a href="#">ホストを守るAirbnbの仕組みをチェック</a></p>
33
+ <a href="#">ホストを守るAirbnbの仕組みをチェック</a>
32
34
 
35
+ </p>
36
+
33
- </div>
37
+ </div>
34
38
 
35
39
 
36
40
 
37
- <div class="col-4">
41
+ <div class="col-4">
38
42
 
39
- <h3>ゲストは認証済みです</h3>
43
+ <h3>ゲストは認証済みです</h3>
40
44
 
41
- <p>Airbnbは全ゲストを対象に、予約の前に一定の情報(認証済み電話番号、メールアドレスなど)の提供を求めています。
45
+ <p>Airbnbは全ゲストを対象に、予約の前に一定の情報(認証済み電話番号、メールアドレスなど)の提供を求めています。
42
46
 
43
- さらにご希望の場合は、ほかのホストからの推薦、認証済みIDの取得を追加要件として求めることもできます。
47
+ さらにご希望の場合は、ほかのホストからの推薦、認証済みIDの取得を追加要件として求めることもできます。
44
48
 
45
- </p>
49
+ </p>
50
+
51
+ </div>
46
52
 
47
53
  </div>
48
54
 
@@ -50,4 +56,16 @@
50
56
 
51
57
  ```
52
58
 
59
+ ```css
60
+
61
+ .subtopic {
62
+
63
+ max-width: 1200px; // ここの値はレイアウトにおうじて修正してください。
64
+
65
+ margin: 0 auto;
66
+
67
+ }
68
+
69
+ ```
70
+
53
71
  [サンプルコード](https://codepen.io/shgtkshruch/pen/NWqNzmB?editors=1100)