質問編集履歴

2

理解力が足りなくてすみません。こちらで合ってますでしょうか。

2020/05/16 08:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -22,238 +22,188 @@
22
22
 
23
23
 
24
24
 
25
+ ```HTML
26
+
27
+ <html lang="en">
28
+
29
+ <head>
30
+
31
+ <meta charset="UTF-8">
32
+
33
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
34
+
35
+ <title>Work With</title>
36
+
37
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen">
38
+
39
+ <meta name="viewport" content="width=device, intial-scale=1,shrink-to-fit=no">
40
+
41
+ </head>
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+ <body>
52
+
53
+ <header>
54
+
55
+ <div class="logo">
56
+
57
+ <h1>
58
+
59
+ <img src="/images/logo-work_with.svg" alt="LOGO">
60
+
61
+ </h1>
62
+
63
+ </div>
64
+
65
+ </header>
66
+
67
+  <div class="intro">
68
+
69
+ <section>
70
+
71
+ <h2>創造しよう</h2>
72
+
73
+ <p>WorkWithは全く新しいワーキングコミュニティの形です。<br>
74
+
75
+ 全ての人がもっと自由に、自分の才能を最大限活用できるよう<br>
76
+
77
+ 働くという行為自体をデザインします。<br>
78
+
79
+ アイディアとインスピレーション溢れるこの空間で<br>
80
+
81
+ 次の時代の価値を創造しましょう。</p>
82
+
83
+ </section>
84
+
85
+ </div>
86
+
25
87
  ```
26
88
 
89
+
90
+
91
+
92
+
93
+ ```CSS
94
+
27
- html
95
+ * {
96
+
97
+ padding: 0;
98
+
99
+ margin: 0;
100
+
101
+ box-sizing: border-box;
102
+
103
+ font-size: 62.5%;
104
+
105
+ }
106
+
107
+
108
+
109
+ body {
110
+
111
+ min-width: 1000px;
112
+
113
+ font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
114
+
115
+ font-weight: 500;
116
+
117
+ line-height: 2;
118
+
119
+ color: rgb(51, 51, 51);
120
+
121
+ height: auto;
122
+
123
+ background: #FFFFF3;
124
+
125
+ }
126
+
127
+
128
+
129
+ header {
130
+
131
+ background: url(images/cafe.jpeg) no-repeat center top;
132
+
133
+ background-size: 100% 100%;
134
+
135
+ max-width: 100%;
136
+
137
+ position: relative;
138
+
139
+ height: 570px;
140
+
141
+ background-color: lightgreen
142
+
143
+ }
144
+
145
+
146
+
147
+ .logo {
148
+
149
+ position: absolute;
150
+
151
+ top:80%;
152
+
153
+ left:5%;
154
+
155
+ }
156
+
157
+
158
+
159
+ .intro {
160
+
161
+ padding: 100px 0;
162
+
163
+ display: flex;
164
+
165
+ justify-content: center;
166
+
167
+ height: auto;
168
+
169
+ background-color: lightcoral;
170
+
171
+ }
172
+
173
+
174
+
175
+ .intro section h2 {
176
+
177
+ font-size: 3.2rem;
178
+
179
+ margin-bottom: 50px;
180
+
181
+ text-align: center;
182
+
183
+ color: #333333;
184
+
185
+ }
186
+
187
+
188
+
189
+ .intro section p {
190
+
191
+ text-align: center;
192
+
193
+ line-height: 1.75;
194
+
195
+ color: #656562;
196
+
197
+ font-size: 1.6rem;
198
+
199
+ }
200
+
201
+
28
202
 
29
203
  ```
30
204
 
31
205
 
32
206
 
33
-
34
-
35
-
36
-
37
- ```ここに言語を入力
38
-
39
- <html lang="en">
40
-
41
- <head>
42
-
43
- <meta charset="UTF-8">
44
-
45
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
46
-
47
- <title>Work With</title>
48
-
49
- <link rel="stylesheet" href="style.css" type="text/css" media="screen">
50
-
51
- <meta name="viewport" content="width=device, intial-scale=1,shrink-to-fit=no">
52
-
53
- </head>
54
-
55
- ```
56
-
57
-
58
-
59
-
60
-
61
- ```ここに言語を入力
62
-
63
- <body>
64
-
65
- <header>
66
-
67
- <div class="logo">
68
-
69
- <h1>
70
-
71
- <img src="/images/logo-work_with.svg" alt="LOGO">
72
-
73
- </h1>
74
-
75
- </div>
76
-
77
- </header>
78
-
79
-  <div class="intro">
80
-
81
- <section>
82
-
83
- <h2>創造しよう</h2>
84
-
85
- <p>WorkWithは全く新しいワーキングコミュニティの形です。<br>
86
-
87
- 全ての人がもっと自由に、自分の才能を最大限活用できるよう<br>
88
-
89
- 働くという行為自体をデザインします。<br>
90
-
91
- アイディアとインスピレーション溢れるこの空間で<br>
92
-
93
- 次の時代の価値を創造しましょう。</p>
94
-
95
- </section>
96
-
97
- </div>
98
-
99
- ```
100
-
101
-
102
-
103
-
104
-
105
- ```ここに言語名を入力
106
-
107
- css
108
-
109
- ```
110
-
111
-
112
-
113
- ```
114
-
115
- * {
116
-
117
- padding: 0;
118
-
119
- margin: 0;
120
-
121
- box-sizing: border-box;
122
-
123
- font-size: 62.5%;
124
-
125
- }
126
-
127
- ```
128
-
129
-
130
-
131
- ```
132
-
133
- body {
134
-
135
- min-width: 1000px;
136
-
137
- font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
138
-
139
- font-weight: 500;
140
-
141
- line-height: 2;
142
-
143
- color: rgb(51, 51, 51);
144
-
145
- height: auto;
146
-
147
- background: #FFFFF3;
148
-
149
- }
150
-
151
- ```
152
-
153
-
154
-
155
- ```ここに言語を入力
156
-
157
- header {
158
-
159
- background: url(images/cafe.jpeg) no-repeat center top;
160
-
161
- background-size: 100% 100%;
162
-
163
- max-width: 100%;
164
-
165
- position: relative;
166
-
167
- height: 570px;
168
-
169
- background-color: lightgreen
170
-
171
- }
172
-
173
- ```
174
-
175
-
176
-
177
- ```ここに言語を入力
178
-
179
- .logo {
180
-
181
- position: absolute;
182
-
183
- top:80%;
184
-
185
- left:5%;
186
-
187
- }
188
-
189
- ```
190
-
191
-
192
-
193
-
194
-
195
- ```ここに言語を入力
196
-
197
- .intro {
198
-
199
- padding: 100px 0;
200
-
201
- display: flex;
202
-
203
- justify-content: center;
204
-
205
- height: auto;
206
-
207
- background-color: lightcoral;
208
-
209
- }
210
-
211
- ```
212
-
213
-
214
-
215
-
216
-
217
-
218
-
219
- ```ここに言語を入力
220
-
221
- .intro section h2 {
222
-
223
- font-size: 3.2rem;
224
-
225
- margin-bottom: 50px;
226
-
227
- text-align: center;
228
-
229
- color: #333333;
230
-
231
- }
232
-
233
-
234
-
235
- ```
236
-
237
-
238
-
239
- ```ここに言語を入力
240
-
241
- .intro section p {
242
-
243
- text-align: center;
244
-
245
- line-height: 1.75;
246
-
247
- color: #656562;
248
-
249
- font-size: 1.6rem;
250
-
251
- }
252
-
253
- ```
254
-
255
-
256
-
257
207
  ### 試したこと
258
208
 
259
209
 

1

各質問コードに対してcodeをつけてみました

2020/05/16 08:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,11 @@
30
30
 
31
31
 
32
32
 
33
+
34
+
35
+
36
+
33
- <!DOCTYPE html>
37
+ ```ここに言語を入力
34
38
 
35
39
  <html lang="en">
36
40
 
@@ -48,6 +52,14 @@
48
52
 
49
53
  </head>
50
54
 
55
+ ```
56
+
57
+
58
+
59
+
60
+
61
+ ```ここに言語を入力
62
+
51
63
  <body>
52
64
 
53
65
  <header>
@@ -84,6 +96,8 @@
84
96
 
85
97
  </div>
86
98
 
99
+ ```
100
+
87
101
 
88
102
 
89
103
 
@@ -96,6 +110,8 @@
96
110
 
97
111
 
98
112
 
113
+ ```
114
+
99
115
  * {
100
116
 
101
117
  padding: 0;
@@ -108,7 +124,11 @@
108
124
 
109
125
  }
110
126
 
111
-
127
+ ```
128
+
129
+
130
+
131
+ ```
112
132
 
113
133
  body {
114
134
 
@@ -128,7 +148,11 @@
128
148
 
129
149
  }
130
150
 
131
-
151
+ ```
152
+
153
+
154
+
155
+ ```ここに言語を入力
132
156
 
133
157
  header {
134
158
 
@@ -146,7 +170,11 @@
146
170
 
147
171
  }
148
172
 
149
-
173
+ ```
174
+
175
+
176
+
177
+ ```ここに言語を入力
150
178
 
151
179
  .logo {
152
180
 
@@ -158,7 +186,13 @@
158
186
 
159
187
  }
160
188
 
161
-
189
+ ```
190
+
191
+
192
+
193
+
194
+
195
+ ```ここに言語を入力
162
196
 
163
197
  .intro {
164
198
 
@@ -174,7 +208,15 @@
174
208
 
175
209
  }
176
210
 
177
-
211
+ ```
212
+
213
+
214
+
215
+
216
+
217
+
218
+
219
+ ```ここに言語を入力
178
220
 
179
221
  .intro section h2 {
180
222
 
@@ -190,6 +232,12 @@
190
232
 
191
233
 
192
234
 
235
+ ```
236
+
237
+
238
+
239
+ ```ここに言語を入力
240
+
193
241
  .intro section p {
194
242
 
195
243
  text-align: center;
@@ -202,6 +250,8 @@
202
250
 
203
251
  }
204
252
 
253
+ ```
254
+
205
255
 
206
256
 
207
257
  ### 試したこと