teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追記しました。

2020/05/28 09:37

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -32,4 +32,13 @@
32
32
  「Get food fast — not fast food.」とその右隣の「Hello, we’re Omnifood...」については、
33
33
  動画のキャプチャ画像を見るに、横並びになっていません。
34
34
 
35
- class="row"を使っているのが間違いだ考えます。
35
+ 以下のように「class="row"削除すと動画キャプチャ画像同じような配置になると思います。
36
+
37
+ ```HTML
38
+ <div><!-- 「class="row"」を削除。.rowはグリッドなど、横並びになる子要素を囲う親要素に指定されることが多いクラス名です。 -->
39
+ <h2>Get food fast &mdash; not fast food.</h2>
40
+ <p class="long-copy">
41
+ 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!
42
+ </p>
43
+ </div>
44
+ ```

1

修正

2020/05/28 09:37

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -23,4 +23,13 @@
23
23
  }
24
24
  ```
25
25
 
26
- ただこちらだと、要素が3つになったり、5つになったりしたときに対応できないので多くのシチュエーションで不便ではないかと思います。
26
+ ただこちらだと、要素が3つになったり、5つになったりしたときに対応できないので多くのシチュエーションで不便ではないかと思います。
27
+
28
+ ---
29
+ > 私(Get... の部分が2行になってしまいます)
30
+
31
+ ソースコードのご教示ありがとうございます!
32
+ 「Get food fast — not fast food.」とその右隣の「Hello, we’re Omnifood...」については、
33
+ 動画のキャプチャ画像を見るに、横並びになっていません。
34
+
35
+ class="row"を使っているのが間違いだと考えます。