質問編集履歴

4

HTML変更

2021/04/21 14:54

投稿

missy
missy

スコア12

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,19 @@
30
30
 
31
31
  ```HTML
32
32
 
33
+ <div id="main_wrapper">
34
+
35
+ <div id="main_image"></div>
36
+
37
+ <div id="introduction">
38
+
39
+ <h2>Feature</h2>
40
+
41
+ <div id="introduction_flex">
42
+
43
+ <img src="./sample.png" alt="働く女性">
44
+
33
- <div id="feature_intro">
45
+ <div id="feature_intro">
34
46
 
35
47
  <h3>What is “Coding Basics”?</h3>
36
48
 

3

CSS追加

2021/04/21 14:54

投稿

missy
missy

スコア12

test CHANGED
File without changes
test CHANGED
@@ -86,6 +86,82 @@
86
86
 
87
87
  ```CSS
88
88
 
89
+ div#main_image {
90
+
91
+ width: 100%;
92
+
93
+ height: 603px;
94
+
95
+ background: url(./fv.png) no-repeat center;
96
+
97
+ margin-bottom: 0;
98
+
99
+ }
100
+
101
+
102
+
103
+ div#introduction {
104
+
105
+ width: 1000px;
106
+
107
+ height: 518px;
108
+
109
+ border: 4px solid blue;
110
+
111
+ margin: 0 auto;
112
+
113
+ margin-bottom: 26px;
114
+
115
+ }
116
+
117
+
118
+
119
+ div#introduction h2 {
120
+
121
+ color: black;
122
+
123
+ font-size: 32px;
124
+
125
+ font-weight: bold;
126
+
127
+ padding-top: 40px;
128
+
129
+ padding-bottom: 42px;
130
+
131
+ margin-left: 442px;
132
+
133
+ margin-right: 442px;
134
+
135
+
136
+
137
+ }
138
+
139
+
140
+
141
+ div#introduction_flex {
142
+
143
+ display: flex;
144
+
145
+ justify-content: space-between;
146
+
147
+ }
148
+
149
+
150
+
151
+ div#introduction_flex img {
152
+
153
+ width: 480px;
154
+
155
+ height: 329px;
156
+
157
+ margin-left: 20px;
158
+
159
+ margin-bottom: 71px;
160
+
161
+ }
162
+
163
+
164
+
89
165
  div#feature_intro {
90
166
 
91
167
  width: auto;
@@ -110,15 +186,39 @@
110
186
 
111
187
 
112
188
 
189
+ div#feature_intro p {
190
+
191
+ width: 394px;
192
+
193
+ height: 161px;
194
+
195
+ font-size: 16px;
196
+
197
+ margin-top: 30px;
198
+
199
+ margin-left: 44px;
200
+
201
+ margin-bottom: 175px;
202
+
203
+ line-height: 24px;
204
+
205
+
206
+
207
+ }
208
+
209
+
210
+
113
211
  div#button {
114
212
 
115
213
  margin-bottom: 98px;
116
214
 
117
-   margin-right: 241px;
215
+ margin-right: 241px;
118
-
119
-
120
-
216
+
217
+
218
+
121
- }
219
+ }
220
+
221
+
122
222
 
123
223
 
124
224
 

2

HTML修正

2021/04/21 14:53

投稿

missy
missy

スコア12

test CHANGED
File without changes
test CHANGED
@@ -61,6 +61,24 @@
61
61
  </div>
62
62
 
63
63
  </div>
64
+
65
+ </div>
66
+
67
+ </div>
68
+
69
+ </div>
70
+
71
+ <footer>
72
+
73
+ <div id="footer_inner">
74
+
75
+ <img src="./LOGO.png">
76
+
77
+ <p>© 2020 LOGO All rights reserved.</p>
78
+
79
+ </div>
80
+
81
+ </footer>
64
82
 
65
83
  ```
66
84
 

1

画像入れ替え

2021/04/21 13:12

投稿

missy
missy

スコア12

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
 
24
24
 
25
- ![イメージ説明](8beec37cb317d001c8e7ed626bbedbd8.png)
25
+ ![イメージ説明](a38a7b089db0f43652bcca2b81c6c6ce.png)
26
26
 
27
27
 
28
28