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

質問編集履歴

1

前提、要件を記入

2021/09/14 11:13

投稿

Rabitttt
Rabitttt

スコア17

title CHANGED
@@ -1,1 +1,1 @@
1
- HTMLCSS初心者 imgタグ
1
+ HTMLCSS スマホ表示
body CHANGED
@@ -1,14 +1,16 @@
1
- 初めまして、HTML/CSS 3ヶ月初心者です。
1
+ 初めまして、HTML/CSS 3ヶ月です。
2
+ レスポンシブデザインまで勉強しました。
2
3
 
3
4
  https://code-step.com/recipe-menu/
4
5
  上記ページを例に模写コーディングをしています。
5
6
 
7
+ ・前提
6
- 上記ページの「デザインイメージ」部の「▼PC表示」は完成しました。
8
+  上記ページの「デザインイメージ」部の「▼PC表示」は完成しました。
9
+  「▼スマホ表示」を実装したいのですがうまくできません。
10
+ ・要件
7
- 「▼スマホ表示」のheader部の画像(椅子が3つ映っている画像)同じように
11
+  「▼スマホ表示」のheader部の画像(椅子が3つ映っている画像)同じように
8
- 縦長、画像の始点のコーディングが分かりません
12
+  画像を縦長にしたいです
9
13
 
10
- 「開発者ツール」で見てみたのですが、どの部分が
11
- スマホ対応版なのかわからず。
12
14
 
13
15
 
14
16
  また、他にも方法があればご教授よろしくお願いします。