質問編集履歴

4

書式の改善

2020/05/17 06:46

投稿

moomin110345
moomin110345

スコア1

test CHANGED
File without changes
test CHANGED
@@ -54,7 +54,7 @@
54
54
 
55
55
  <div>
56
56
 
57
- <p class="text-contents>あああ</p>
57
+ <p class="text-contents">あああ</p>
58
58
 
59
59
  </div>
60
60
 
@@ -136,6 +136,12 @@
136
136
 
137
137
  }
138
138
 
139
+ .container {
140
+
141
+ text-align: center;
142
+
143
+ width: 1170px;
144
+
139
145
  ```
140
146
 
141
147
  ### 試したこと

3

追記

2020/05/17 06:46

投稿

moomin110345
moomin110345

スコア1

test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,12 @@
5
5
  "lesson-wrapper"の高さが少しずれているのを直したい
6
6
 
7
7
  ![イメージ説明](8e7d09356c49a6e434127c4ded76ce76.png)
8
+
9
+
10
+
11
+ 追記質問です。
12
+
13
+ 真ん中の4色のアイコンを取り入れるためにhtmlで<div class="lesson"から最後の</div>まで4回分あるのですが(html二回目以降省略済)毎回同じクラス名をつけるのになぜ毎回</div>で閉じてまたつけるのでしょうか。1回目の時に<div class="lesson"をつけて繰り返して4回分終わったときに</div>で閉めたらうまくいきませんでした。何回も同じで手間に感じてしまうのですが、なぜ同じクラス名なのに一度にではなくて毎回毎回つける必要があるのでしょうか。よろしくお願いします。
8
14
 
9
15
 
10
16
 
@@ -30,31 +36,33 @@
30
36
 
31
37
  <div class="container">
32
38
 
33
- <div class="heading">
39
+ <div class="heading">
34
40
 
35
- <h2>Learn Where to Get Started!</h2>
41
+ <h2>Learn Where to Get Started!</h2>
36
42
 
37
- </div>
43
+ </div>
38
44
 
39
45
  <div class="lessons">
40
46
 
41
- <div class="lesson">
47
+ <div class="lesson">
42
48
 
43
- <div class="lesson-icon">
49
+ <div class="lesson-icon">
44
50
 
45
- <img src="https:---">
51
+ <img src="https:---">
46
52
 
47
- <p>HTML & CSS</p>
53
+ <p>HTML & CSS</p>
48
54
 
49
- </div>
55
+ <div>
50
56
 
51
- <p class="text-contents>あああ</p>
57
+ <p class="text-contents>あああ</p>
52
58
 
53
- </div>
59
+ </div>
60
+
61
+ </div>
54
62
 
55
63
  ```
56
64
 
57
- ※<div class="lesson">から最後の<div>まではあと3回続きますが省略してます。
65
+ ※<div class="lesson">から最後の</div>まではあと3回続きますが省略してます。
58
66
 
59
67
 
60
68
 

2

書式の改善

2020/05/17 06:41

投稿

moomin110345
moomin110345

スコア1

test CHANGED
File without changes
test CHANGED
@@ -21,6 +21,44 @@
21
21
 
22
22
 
23
23
  ### 該当のソースコード
24
+
25
+
26
+
27
+ ```html
28
+
29
+ <div class="lesson-wrapper">
30
+
31
+ <div class="container">
32
+
33
+ <div class="heading">
34
+
35
+ <h2>Learn Where to Get Started!</h2>
36
+
37
+ </div>
38
+
39
+ <div class="lessons">
40
+
41
+ <div class="lesson">
42
+
43
+ <div class="lesson-icon">
44
+
45
+ <img src="https:---">
46
+
47
+ <p>HTML & CSS</p>
48
+
49
+ </div>
50
+
51
+ <p class="text-contents>あああ</p>
52
+
53
+ </div>
54
+
55
+ ```
56
+
57
+ ※<div class="lesson">から最後の<div>まではあと3回続きますが省略してます。
58
+
59
+
60
+
61
+ ```css
24
62
 
25
63
  .lesson-wrapper {
26
64
 
@@ -90,15 +128,7 @@
90
128
 
91
129
  }
92
130
 
93
-
94
-
95
- ```ここに言語名を入力
96
-
97
- HTML&CSS
98
-
99
131
  ```
100
-
101
-
102
132
 
103
133
  ### 試したこと
104
134
 

1

タグ変更

2020/05/17 06:24

投稿

moomin110345
moomin110345

スコア1

test CHANGED
File without changes
test CHANGED
File without changes