質問編集履歴

1

情報の追加

2020/05/21 09:26

投稿

sshino
sshino

スコア16

test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,65 @@
7
7
  スマートフォン表示にした時のみ、上画像の黒枠の部分の表示にしたいです。
8
8
 
9
9
  実現するためには、別の大きさの写真を用意しなければいけないのでしょうか?
10
+
11
+ コードは以下のとうり
12
+
13
+ ```HTML
14
+
15
+ <div class="container ojisann">
16
+
17
+ <div class="row">
18
+
19
+ <div class="col-md-6">
20
+
21
+ <img src="img/8e6c68cc-e714-4849-bad9-464abf58e84a.jpg" class="img-fluid">
22
+
23
+
24
+
25
+ </div>
26
+
27
+ <div class="col-md-6 tenntenn">
28
+
29
+ <h4 class="display-4 text-warning mt-2 icon">“</h4>
30
+
31
+ <p class="lead">「ホスト保証」があったからAirbnb参加を決めたといっても過言でないほどで、被害やトラブルがあったときに頼れるサポートがあるのは本当にありがたいですね。</p>
32
+
33
+ <p class="text-muted">Dennisさんはロンドンのホスト。自由度の高さに魅力を感じています</p>
34
+
35
+ <a href="" class="btn btn-outline-dark font-weight-bold mb-5 px-3 py-2">ホスト実践例をチェック</a>
36
+
37
+
38
+
39
+ </div>
40
+
41
+ </div>
42
+
43
+ </div>
44
+
45
+ ```
46
+
47
+ ```CSS
48
+
49
+ .ojisann{
50
+
51
+ margin-top:100px;
52
+
53
+ }
54
+
55
+
56
+
57
+ .icon{
58
+
59
+ margin-bottom:-30px;
60
+
61
+ }
62
+
63
+
64
+
65
+ .tenntenn p{
66
+
67
+ line-height:2.1rem;
68
+
69
+ }
70
+
71
+ ```