質問編集履歴
3
もう一度直しました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
##
|
1
|
+
### 表現したいこと
|
2
2
|
ドットインストールの実践!Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。
|
3
3
|
|
4
4
|
エラーメッセージ
|
2
画像の追加
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
CSSでwidthが適用され
|
1
|
+
CSSでwidthが適用されません
|
body
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
##
|
1
|
+
##現したいこと
|
2
2
|
ドットインストールの実践!Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。
|
3
3
|
|
4
4
|
エラーメッセージ
|
@@ -31,4 +31,5 @@
|
|
31
31
|
|
32
32
|
### 補足情報(FW/ツールのバージョンなど)
|
33
33
|
atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
|
34
|
-
](
|
34
|
+
]3304f2952934bce59ccbcf42ad3.png)
|
35
|
+

|
1
スクリーンショットの追加、またcodeを規定の書き方に修正しました。勝手がわからずすみません。
title
CHANGED
File without changes
|
body
CHANGED
@@ -5,19 +5,17 @@
|
|
5
5
|
\u8(chromeのディベロッパーツールで検証をかけた時に赤い丸とこのエラーコードが表示されました。)
|
6
6
|
|
7
7
|
### 該当のソースコード
|
8
|
+
|
8
|
-
HTML
|
9
|
+
```HTML
|
9
|
-
<section class="feature">
|
10
|
+
<section class="feature">
|
10
11
|
<img src="img/feature1.png" width="420" height="270" alt="特徴1">
|
11
12
|
<div class="desc">
|
12
13
|
<h1>すごい特徴があるよ</h1>
|
13
14
|
<p>色々あります。</p>
|
14
15
|
</div>
|
15
|
-
</section>
|
16
|
+
</section>
|
16
|
-
|
17
|
+
```
|
17
|
-
CSS
|
18
|
+
```CSS
|
18
|
-
ソースコード
|
19
|
-
|
20
|
-
|
21
19
|
.feature .desc {
|
22
20
|
width: 360px;
|
23
21
|
}
|
@@ -25,10 +23,12 @@
|
|
25
23
|
float: right;
|
26
24
|
padding-left: 40px;
|
27
25
|
}
|
26
|
+
```
|
28
27
|
|
29
28
|
### 試したこと
|
30
29
|
|
31
30
|
googleでエラーコードを検索しても何も出てこないので、自分でコードの間違いがないかずっと確認していたのですがわからずに質問させていただきました。
|
32
31
|
|
33
32
|
### 補足情報(FW/ツールのバージョンなど)
|
34
|
-
atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
|
33
|
+
atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
|
34
|
+
](6a1293304f2952934bce59ccbcf42ad3.png)
|