質問編集履歴
1
ご指摘いただいた試した箇所の記述をしました
title
CHANGED
File without changes
|
body
CHANGED
@@ -14,18 +14,15 @@
|
|
14
14
|
### 該当のソースコード
|
15
15
|
HTML
|
16
16
|
<footer id="footer">
|
17
|
-
<p class="footer-text">Herto design
|
17
|
+
<p class="footer-text">Herto design</p>
|
18
18
|
<h1><a href="https://www.instagram.hl=ja"><img class="instagram" src="IMG/instagram.png" alt="instagram icon"></a></h1>
|
19
19
|
</footer>
|
20
|
-
|
20
|
+
-------------
|
21
21
|
CSS
|
22
22
|
#footer {
|
23
23
|
width: 100%;
|
24
24
|
height: 100px;
|
25
|
-
text-align: center;
|
26
|
-
padding: 0;
|
27
|
-
background-color:
|
25
|
+
background-color: #FFFFFF;
|
28
|
-
background-size:cover;
|
29
26
|
}
|
30
27
|
.footer-text {
|
31
28
|
color: #2F4F4F;
|
@@ -35,13 +32,14 @@
|
|
35
32
|
width:40px;
|
36
33
|
height:40px;
|
37
34
|
float: right;
|
38
|
-
|
35
|
+
margin-bottom:100px
|
39
36
|
}
|
40
37
|
```HTML/CSS
|
41
38
|
|
42
39
|
### 試したこと
|
43
40
|
|
41
|
+
.instagramの箇所のmargin-bottomを上げたいと思い100pxで設定してみたところ、
|
44
|
-
|
42
|
+
.footerで設定した背景色が移動してしまい、footer部分の下側に余計な余白が発生してしまいました。
|
45
43
|
|
46
44
|
### 補足情報(FW/ツールのバージョンなど)
|
47
45
|
|