質問編集履歴

1

css追加

2023/01/31 15:02

投稿

onodera_makoto
onodera_makoto

スコア7

test CHANGED
File without changes
test CHANGED
@@ -35,6 +35,101 @@
35
35
 
36
36
  {% endblock %}
37
37
  ```
38
+ ```CSS
39
+ * {
40
+ margin: 0;
41
+ padding: 0;
42
+ box-sizing: border-box;
43
+ }
44
+
45
+ boyd {
46
+ background: #f1f1f1;
47
+ display: flex;
48
+ flex-flow: column;
49
+ min-height: 100vh;
50
+ }
51
+
52
+ main {
53
+ flex: 1;
54
+ }
55
+
56
+ .card-profile {
57
+ width: 700px;
58
+ border: 0;
59
+ border-radius: 1rem;
60
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
61
+ }
62
+
63
+ .button {
64
+ width: 150px;
65
+ }
66
+
67
+ .btn {
68
+ font-size: 20px;
69
+ border-radius: 5rem;
70
+ font-weight: bold;
71
+ }
72
+
73
+ .profile_table {
74
+ width: 100px;
75
+ border: 1px solid #d1dbeb;
76
+ border-radius: 8px;
77
+ border-collapse: separate;
78
+ overflow: hidden;
79
+ }
80
+
81
+ .profile_table .header {
82
+ width: 20px;
83
+ padding: 16px 50px;
84
+ text-align: left;
85
+ background: #f1f5fa;
86
+ }
87
+
88
+ .profile_table .data {
89
+ padding: 16px 24px;
90
+ }
91
+
92
+ .form_wrap {
93
+ display: grid;
94
+ gap: 16px;
95
+ }
96
+
97
+ .form_wrap-2 {
98
+ grid-template-columns: repeat(2, 1fr);
99
+ }
100
+
101
+ .form-control:focus {
102
+ box-shadow: none;
103
+ }
104
+
105
+ .card-auth {
106
+ width: 400px;
107
+ border: 0;
108
+ border-radius: 1rem;
109
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
110
+ }
111
+
112
+ .card-title {
113
+ margin-bottom: 2rem;
114
+ font-size: 1.5rem;
115
+ }
116
+
117
+ .card-body {
118
+ padding: 2rem;
119
+ }
120
+
121
+ .form-auth {
122
+ width: 100%;
123
+ }
124
+
125
+ .form-label-group {
126
+ margin-bottom: 1rem;
127
+ }
128
+
129
+ .form-label-group input {
130
+ border-radius: 2rem;
131
+ }
132
+ ```
38
133
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-31/837c51c9-6b68-465d-a838-8d0a422f1fe1.png)
39
134
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-31/7001b9f1-604b-43a2-8c28-8e401f2d3d8c.png)
40
135