質問編集履歴
2
margin:-192px 55px 0px 45px; の.circleへの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -114,6 +114,8 @@
|
|
114
114
|
|
115
115
|
margin-top: -192px;
|
116
116
|
|
117
|
+
margin:-192px 55px 0px 45px;
|
118
|
+
|
117
119
|
|
118
120
|
|
119
121
|
}
|
1
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,7 +18,11 @@
|
|
18
18
|
|
19
19
|
```html
|
20
20
|
|
21
|
+
|
22
|
+
|
23
|
+
<footer class="footer">
|
24
|
+
|
21
|
-
<ul class="f-menu">
|
25
|
+
<ul class="f-menu">
|
22
26
|
|
23
27
|
|
24
28
|
|
@@ -70,6 +74,12 @@
|
|
70
74
|
|
71
75
|
</ul>
|
72
76
|
|
77
|
+
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
</footer>
|
82
|
+
|
73
83
|
```
|
74
84
|
|
75
85
|
|
@@ -84,6 +94,8 @@
|
|
84
94
|
|
85
95
|
display: flex;
|
86
96
|
|
97
|
+
|
98
|
+
|
87
99
|
}
|
88
100
|
|
89
101
|
|
@@ -96,11 +108,9 @@
|
|
96
108
|
|
97
109
|
border-radius: 50%;
|
98
110
|
|
99
|
-
background: #fff;
|
111
|
+
background: #fff;/*背景色*/
|
100
112
|
|
101
|
-
border: 6px solid #121212;
|
113
|
+
border: 6px solid #121212; /*枠の設定*/
|
102
|
-
|
103
|
-
margin:-192px 55px 0px 45px;
|
104
114
|
|
105
115
|
margin-top: -192px;
|
106
116
|
|
@@ -112,15 +122,13 @@
|
|
112
122
|
|
113
123
|
.f-menu{
|
114
124
|
|
115
|
-
display: flex;
|
125
|
+
display: flex; //3つのアイコンを横並びにするために設定
|
116
126
|
|
117
|
-
|
127
|
+
justify-content: space-between;
|
118
128
|
|
119
129
|
margin: 0 auto;
|
120
130
|
|
121
|
-
|
122
131
|
|
123
|
-
|
124
132
|
|
125
133
|
}
|
126
134
|
|
@@ -128,13 +136,13 @@
|
|
128
136
|
|
129
137
|
.f-list{
|
130
138
|
|
131
|
-
|
139
|
+
|
132
140
|
|
133
141
|
z-index: 5;
|
134
142
|
|
135
|
-
//padding: 30px 40px 50px 60px;
|
136
143
|
|
144
|
+
|
137
|
-
|
145
|
+
width: auto;
|
138
146
|
|
139
147
|
}
|
140
148
|
|
@@ -166,4 +174,6 @@
|
|
166
174
|
|
167
175
|
|
168
176
|
|
177
|
+
|
178
|
+
|
169
179
|
```
|