回答編集履歴
1
コードを修正
answer
CHANGED
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
書き直してみたスタイルシートです。
|
|
8
8
|
```CSS
|
|
9
9
|
.add-form {
|
|
10
|
+
margin: auto;
|
|
11
|
+
max-width: 500px; /* 最大幅 */
|
|
10
12
|
background: var(--gray-color);
|
|
11
13
|
}
|
|
12
14
|
|
|
@@ -32,7 +34,7 @@
|
|
|
32
34
|
form input[type="text"],
|
|
33
35
|
form input[type="number"] {
|
|
34
36
|
height: 40px;
|
|
35
|
-
width:
|
|
37
|
+
width: calc(100% - 71px); /* サイズを調整 */
|
|
36
38
|
border: 1px solid #A9A9A9;
|
|
37
39
|
background: #fafafa;
|
|
38
40
|
border-radius: 3px;
|