質問編集履歴
3
もう一度直しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
##
|
|
1
|
+
### 表現したいこと
|
|
2
2
|
|
|
3
3
|
ドットインストールの実践！Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。
|
|
4
4
|
|
2
画像の追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
CSSでwidthが適用され
|
|
1
|
+
CSSでwidthが適用されません
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
##
|
|
1
|
+
##現したいこと
|
|
2
2
|
|
|
3
3
|
ドットインストールの実践！Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。
|
|
4
4
|
|
|
@@ -64,4 +64,6 @@
|
|
|
64
64
|
|
|
65
65
|
atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
|
|
66
66
|
|
|
67
|
-
](6a1293304f2952934bce59ccbcf42ad3.png)
|
|
67
|
+
]3304f2952934bce59ccbcf42ad3.png)
|
|
68
|
+
|
|
69
|
+
|
1
スクリーンショットの追加、またcodeを規定の書き方に修正しました。勝手がわからずすみません。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,9 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
### 該当のソースコード
|
|
14
14
|
|
|
15
|
-
HTML
|
|
16
15
|
|
|
16
|
+
|
|
17
|
+
```HTML
|
|
18
|
+
|
|
17
|
-
<section class="feature">
|
|
19
|
+
<section class="feature">
|
|
18
20
|
|
|
19
21
|
<img src="img/feature1.png" width="420" height="270" alt="特徴1">
|
|
20
22
|
|
|
@@ -26,17 +28,11 @@
|
|
|
26
28
|
|
|
27
29
|
</div>
|
|
28
30
|
|
|
29
|
-
</section>
|
|
31
|
+
</section>
|
|
30
32
|
|
|
33
|
+
```
|
|
31
34
|
|
|
32
|
-
|
|
33
|
-
CSS
|
|
35
|
+
```CSS
|
|
34
|
-
|
|
35
|
-
ソースコード
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
36
|
|
|
41
37
|
.feature .desc {
|
|
42
38
|
|
|
@@ -52,6 +48,8 @@
|
|
|
52
48
|
|
|
53
49
|
}
|
|
54
50
|
|
|
51
|
+
```
|
|
52
|
+
|
|
55
53
|
|
|
56
54
|
|
|
57
55
|
### 試したこと
|
|
@@ -64,4 +62,6 @@
|
|
|
64
62
|
|
|
65
63
|
### 補足情報（FW/ツールのバージョンなど）
|
|
66
64
|
|
|
67
|
-
atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
|
|
65
|
+
atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
|
|
66
|
+
|
|
67
|
+
](6a1293304f2952934bce59ccbcf42ad3.png)
|