質問編集履歴

2

margin:-192px 55px 0px 45px; の.circleへの追記

2021/07/04 05:48

投稿

B_J
B_J

スコア15

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

コード修正

2021/07/04 05:48

投稿

B_J
B_J

スコア15

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
- //justify-content: space-around;
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
- //margin:auto;
139
+
132
140
 
133
141
  z-index: 5;
134
142
 
135
- //padding: 30px 40px 50px 60px;
136
143
 
144
+
137
- //color: #fff;
145
+ width: auto;
138
146
 
139
147
  }
140
148
 
@@ -166,4 +174,6 @@
166
174
 
167
175
 
168
176
 
177
+
178
+
169
179
  ```