回答編集履歴
1
見づらかったので、一部マークダウン記法にしました。
answer
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
①については、.content-inner が付いている div が display: flex; になっており、justify-content: space-between; で左右均等配置になっているだけだと思います。
|
|
1
|
+
①については、`.content-inner` が付いている div が `display: flex;` になっており、`justify-content: space-between;` で左右均等配置になっているだけだと思います。
|
|
2
2
|
解説コード？を見た限りですと、余白を指定する形では管理していません。
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
②については、
|
|
6
6
|
|
|
7
|
-
.form に width を指定して（解説コードだと700px） margin: 0 auto；
|
|
7
|
+
`.form` に width を指定して（解説コードだと700px） `margin: 0 auto；`
|
|
8
8
|
|
|
9
|
-
h2.contact-title に text-align: center;
|
|
9
|
+
`h2.contact-title` に `text-align: center;`
|
|
10
10
|
|
|
11
|
-
各入力項目のdiv（質問者さんはliにしているようですが） に display: flex; と flex-direction: column;
|
|
11
|
+
各入力項目のdiv（質問者さんはliにしているようですが） に `display: flex;` と `flex-direction: column;`
|
|
12
12
|
|
|
13
|
-
ボタンもdivでくくってtext-align: center;
|
|
13
|
+
ボタンもdivでくくって`text-align: center;`
|
|
14
14
|
|
|
15
15
|
で大体キレイに成形できるのではないでしょうか。
|
|
16
16
|
|