質問編集履歴
2
理解力が足りなくてすみません。こちらで合ってますでしょうか。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,13 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
### 発生している問題・エラーメッセージ
|
|
12
12
|
|
|
13
|
-
```
|
|
13
|
+
```HTML
|
|
14
|
-
html
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
```ここに言語を入力
|
|
20
14
|
<html lang="en">
|
|
21
15
|
<head>
|
|
22
16
|
<meta charset="UTF-8">
|
|
@@ -25,10 +19,10 @@
|
|
|
25
19
|
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
|
|
26
20
|
<meta name="viewport" content="width=device, intial-scale=1,shrink-to-fit=no">
|
|
27
21
|
</head>
|
|
28
|
-
```
|
|
29
22
|
|
|
30
23
|
|
|
31
|
-
|
|
24
|
+
|
|
25
|
+
|
|
32
26
|
<body>
|
|
33
27
|
<header>
|
|
34
28
|
<div class="logo">
|
|
@@ -50,20 +44,14 @@
|
|
|
50
44
|
```
|
|
51
45
|
|
|
52
46
|
|
|
53
|
-
```ここに言語名を入力
|
|
54
|
-
css
|
|
55
|
-
```
|
|
47
|
+
```CSS
|
|
56
|
-
|
|
57
|
-
```
|
|
58
48
|
* {
|
|
59
49
|
padding: 0;
|
|
60
50
|
margin: 0;
|
|
61
51
|
box-sizing: border-box;
|
|
62
52
|
font-size: 62.5%;
|
|
63
53
|
}
|
|
64
|
-
```
|
|
65
54
|
|
|
66
|
-
```
|
|
67
55
|
body {
|
|
68
56
|
min-width: 1000px;
|
|
69
57
|
font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
|
|
@@ -73,9 +61,7 @@
|
|
|
73
61
|
height: auto;
|
|
74
62
|
background: #FFFFF3;
|
|
75
63
|
}
|
|
76
|
-
```
|
|
77
64
|
|
|
78
|
-
```ここに言語を入力
|
|
79
65
|
header {
|
|
80
66
|
background: url(images/cafe.jpeg) no-repeat center top;
|
|
81
67
|
background-size: 100% 100%;
|
|
@@ -84,18 +70,13 @@
|
|
|
84
70
|
height: 570px;
|
|
85
71
|
background-color: lightgreen
|
|
86
72
|
}
|
|
87
|
-
```
|
|
88
73
|
|
|
89
|
-
```ここに言語を入力
|
|
90
74
|
.logo {
|
|
91
75
|
position: absolute;
|
|
92
76
|
top:80%;
|
|
93
77
|
left:5%;
|
|
94
78
|
}
|
|
95
|
-
```
|
|
96
79
|
|
|
97
|
-
|
|
98
|
-
```ここに言語を入力
|
|
99
80
|
.intro {
|
|
100
81
|
padding: 100px 0;
|
|
101
82
|
display: flex;
|
|
@@ -103,11 +84,7 @@
|
|
|
103
84
|
height: auto;
|
|
104
85
|
background-color: lightcoral;
|
|
105
86
|
}
|
|
106
|
-
```
|
|
107
87
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
```ここに言語を入力
|
|
111
88
|
.intro section h2 {
|
|
112
89
|
font-size: 3.2rem;
|
|
113
90
|
margin-bottom: 50px;
|
|
@@ -115,15 +92,13 @@
|
|
|
115
92
|
color: #333333;
|
|
116
93
|
}
|
|
117
94
|
|
|
118
|
-
```
|
|
119
|
-
|
|
120
|
-
```ここに言語を入力
|
|
121
95
|
.intro section p {
|
|
122
96
|
text-align: center;
|
|
123
97
|
line-height: 1.75;
|
|
124
98
|
color: #656562;
|
|
125
99
|
font-size: 1.6rem;
|
|
126
100
|
}
|
|
101
|
+
|
|
127
102
|
```
|
|
128
103
|
|
|
129
104
|
### 試したこと
|
1
各質問コードに対してcodeをつけてみました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -14,7 +14,9 @@
|
|
|
14
14
|
html
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
+
|
|
18
|
+
|
|
17
|
-
|
|
19
|
+
```ここに言語を入力
|
|
18
20
|
<html lang="en">
|
|
19
21
|
<head>
|
|
20
22
|
<meta charset="UTF-8">
|
|
@@ -23,6 +25,10 @@
|
|
|
23
25
|
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
|
|
24
26
|
<meta name="viewport" content="width=device, intial-scale=1,shrink-to-fit=no">
|
|
25
27
|
</head>
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
```ここに言語を入力
|
|
26
32
|
<body>
|
|
27
33
|
<header>
|
|
28
34
|
<div class="logo">
|
|
@@ -41,19 +47,23 @@
|
|
|
41
47
|
次の時代の価値を創造しましょう。</p>
|
|
42
48
|
</section>
|
|
43
49
|
</div>
|
|
50
|
+
```
|
|
44
51
|
|
|
45
52
|
|
|
46
53
|
```ここに言語名を入力
|
|
47
54
|
css
|
|
48
55
|
```
|
|
49
56
|
|
|
57
|
+
```
|
|
50
58
|
* {
|
|
51
59
|
padding: 0;
|
|
52
60
|
margin: 0;
|
|
53
61
|
box-sizing: border-box;
|
|
54
62
|
font-size: 62.5%;
|
|
55
63
|
}
|
|
64
|
+
```
|
|
56
65
|
|
|
66
|
+
```
|
|
57
67
|
body {
|
|
58
68
|
min-width: 1000px;
|
|
59
69
|
font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
|
|
@@ -63,7 +73,9 @@
|
|
|
63
73
|
height: auto;
|
|
64
74
|
background: #FFFFF3;
|
|
65
75
|
}
|
|
76
|
+
```
|
|
66
77
|
|
|
78
|
+
```ここに言語を入力
|
|
67
79
|
header {
|
|
68
80
|
background: url(images/cafe.jpeg) no-repeat center top;
|
|
69
81
|
background-size: 100% 100%;
|
|
@@ -72,13 +84,18 @@
|
|
|
72
84
|
height: 570px;
|
|
73
85
|
background-color: lightgreen
|
|
74
86
|
}
|
|
87
|
+
```
|
|
75
88
|
|
|
89
|
+
```ここに言語を入力
|
|
76
90
|
.logo {
|
|
77
91
|
position: absolute;
|
|
78
92
|
top:80%;
|
|
79
93
|
left:5%;
|
|
80
94
|
}
|
|
95
|
+
```
|
|
81
96
|
|
|
97
|
+
|
|
98
|
+
```ここに言語を入力
|
|
82
99
|
.intro {
|
|
83
100
|
padding: 100px 0;
|
|
84
101
|
display: flex;
|
|
@@ -86,7 +103,11 @@
|
|
|
86
103
|
height: auto;
|
|
87
104
|
background-color: lightcoral;
|
|
88
105
|
}
|
|
106
|
+
```
|
|
89
107
|
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
```ここに言語を入力
|
|
90
111
|
.intro section h2 {
|
|
91
112
|
font-size: 3.2rem;
|
|
92
113
|
margin-bottom: 50px;
|
|
@@ -94,12 +115,16 @@
|
|
|
94
115
|
color: #333333;
|
|
95
116
|
}
|
|
96
117
|
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
```ここに言語を入力
|
|
97
121
|
.intro section p {
|
|
98
122
|
text-align: center;
|
|
99
123
|
line-height: 1.75;
|
|
100
124
|
color: #656562;
|
|
101
125
|
font-size: 1.6rem;
|
|
102
126
|
}
|
|
127
|
+
```
|
|
103
128
|
|
|
104
129
|
### 試したこと
|
|
105
130
|
|