質問編集履歴

2

必要事項の追加

2021/03/25 08:52

投稿

shouwuh
shouwuh

スコア3

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,17 @@
2
2
 
3
3
  ```HTML
4
4
 
5
+ <div class="all-two">
6
+
7
+ <div data-reactroot>
8
+
9
+ <div class="container-two">
10
+
11
+ <div class="hosting-chapter">
12
+
13
+ <div class="life-style">ホスティングで実現する、自分らしいライフスタイル</div>
14
+
5
- <div class="chapteritem-one">
15
+ <div class="chapteritem-one">
6
16
 
7
17
  <div class="title-one">ホスティングで広がる可能性</div>
8
18
 
@@ -28,6 +38,18 @@
28
38
 
29
39
  </div>
30
40
 
41
+ </div>
42
+
43
+ </div>
44
+
45
+ </div>
46
+
47
+ <div></div>
48
+
49
+ </div>
50
+
51
+ </div>
52
+
31
53
  ```
32
54
 
33
55
  ```CSS

1

必要事項の追加

2021/03/25 08:52

投稿

shouwuh
shouwuh

スコア3

test CHANGED
File without changes
test CHANGED
@@ -29,3 +29,157 @@
29
29
  </div>
30
30
 
31
31
  ```
32
+
33
+ ```CSS
34
+
35
+ .chapteritem-one {
36
+
37
+ flex-basis: 100%;
38
+
39
+ flex: 1;
40
+
41
+ max-width: 313px;
42
+
43
+ margin-right: 16px;
44
+
45
+ }
46
+
47
+ .title-one {
48
+
49
+ max-width: 313px;
50
+
51
+ font-family: sans-serif;
52
+
53
+ margin-bottom: 16px;
54
+
55
+ font-weight: 600;
56
+
57
+ color: #333333;
58
+
59
+ font-size: 24px;
60
+
61
+ line-height: 30px;
62
+
63
+ }
64
+
65
+ .list-one {
66
+
67
+ max-width: 313px;
68
+
69
+ font-family: sans-serif;
70
+
71
+ color: #484848;
72
+
73
+ font-size: 16px;
74
+
75
+ line-height: 25px;
76
+
77
+ margin-bottom: 16px;
78
+
79
+ }
80
+
81
+ .link-one {
82
+
83
+ margin-top: 32px;
84
+
85
+ }
86
+
87
+ .hosting-world {
88
+
89
+ font-size: inherit;
90
+
91
+ font-family: inherit;
92
+
93
+ font-style: inherit;
94
+
95
+ font-variant: inherit;
96
+
97
+ line-height: inherit;
98
+
99
+ color: #222222;
100
+
101
+ text-decoration: underline;
102
+
103
+ border-radius: 4px;
104
+
105
+ font-weight: 600;
106
+
107
+ outline: none;
108
+
109
+ }
110
+
111
+ .chapteritem-two {
112
+
113
+ flex-basis: 100%;
114
+
115
+ flex: 1;
116
+
117
+ max-width: 313px;
118
+
119
+ }
120
+
121
+ .title-two {
122
+
123
+ max-width: 313px;
124
+
125
+ font-family: sans-serif;
126
+
127
+ margin-bottom: 16px;
128
+
129
+ font-weight: 600;
130
+
131
+ color: #333333;
132
+
133
+ font-size: 24px;
134
+
135
+ line-height: 30px;
136
+
137
+ }
138
+
139
+ .list-two {
140
+
141
+ max-width: 313px;
142
+
143
+ font-family: sans-serif;
144
+
145
+ color: #484848;
146
+
147
+ font-size: 16px;
148
+
149
+ line-height: 25px;
150
+
151
+ margin-bottom: 16px;
152
+
153
+ }
154
+
155
+ .link-two {
156
+
157
+ margin-top: 32px;
158
+
159
+ }
160
+
161
+ .hosting-surport {
162
+
163
+ font-size: inherit;
164
+
165
+ font-family: inherit;
166
+
167
+ font-style: inherit;
168
+
169
+ font-variant: inherit;
170
+
171
+ line-height: inherit;
172
+
173
+ color: #222222;
174
+
175
+ text-decoration: underline;
176
+
177
+ border-radius: 4px;
178
+
179
+ font-weight: 600;
180
+
181
+ outline: none;
182
+
183
+ }
184
+
185
+ ```