回答編集履歴
2
追記しました。
test
CHANGED
|
@@ -66,4 +66,22 @@
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
class="row"を
|
|
69
|
+
以下のように「class="row"」を削除すると動画のキャプチャ画像と同じような配置になると思います。
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
```HTML
|
|
74
|
+
|
|
75
|
+
<div><!-- 「class="row"」を削除。.rowはグリッドなど、横並びになる子要素を囲う親要素に指定されることが多いクラス名です。 -->
|
|
76
|
+
|
|
77
|
+
<h2>Get food fast — not fast food.</h2>
|
|
78
|
+
|
|
79
|
+
<p class="long-copy">
|
|
80
|
+
|
|
81
|
+
Hello, we’re Omnifood, your new premium food delivery service. We know you’re always busy. No time for cooking. So let us take care of that, we’re really good at it, we promise!
|
|
82
|
+
|
|
83
|
+
</p>
|
|
84
|
+
|
|
85
|
+
</div>
|
|
86
|
+
|
|
87
|
+
```
|
1
修正
test
CHANGED
|
@@ -49,3 +49,21 @@
|
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
ただこちらだと、要素が3つになったり、5つになったりしたときに対応できないので多くのシチュエーションで不便ではないかと思います。
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
> 私（Get... の部分が2行になってしまいます）
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
ソースコードのご教示ありがとうございます！
|
|
62
|
+
|
|
63
|
+
「Get food fast — not fast food.」とその右隣の「Hello, we’re Omnifood...」については、
|
|
64
|
+
|
|
65
|
+
動画のキャプチャ画像を見るに、横並びになっていません。
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
class="row"を使っているのが間違いだと考えます。
|