File tree Expand file tree Collapse file tree 1 file changed +15
-8
lines changed
Instagrsam-clone/src/Components Expand file tree Collapse file tree 1 file changed +15
-8
lines changed Original file line number Diff line number Diff line change 12
12
display : flex;
13
13
justify-content : space-between;
14
14
margin : 20px ;
15
- padding : 0px 18% ;
15
+ padding-left : 18% ;
16
+ padding-right : 18% ;
16
17
padding-bottom : 10px ;
17
18
}
18
19
19
20
hr {
20
- margin : -20px 0px 20px ;
21
+ margin-top : -20px ;
22
+ margin-left : 20px ;
21
23
color : lightgrey;
22
24
}
23
25
li {
@@ -52,7 +54,8 @@ display:flex;
52
54
53
55
.rightNav li {
54
56
font-size : 25px ;
55
- margin : 0px 10px ;
57
+ margin-left : 10px ;
58
+ margin-right : 10px ;
56
59
}
57
60
58
61
/******Body content***/
@@ -70,7 +73,8 @@ display:flex;
70
73
width : 100% ;
71
74
height : 100px ;
72
75
display : flex;
73
- padding : 10px 0px 5px ;
76
+ padding-top : 10px ;
77
+ padding-left : 5px ;
74
78
justify-content : space-evenly;
75
79
}
76
80
@@ -145,7 +149,8 @@ height:600px;
145
149
border-radius : 50% ;
146
150
}
147
151
.liked_by {
148
- margin : 8px 0px 0px 8px ;
152
+ margin-top : 8px ;
153
+ margin-left : 8px ;
149
154
}
150
155
.bottom_part : nth-child (3 ){
151
156
display : flex;
@@ -164,7 +169,7 @@ height:600px;
164
169
/* border:1px solid grey; */
165
170
height : 500px ;
166
171
margin : 0px 5px ;
167
- padding : 0 0 0 5% ;
172
+ padding-left : 5% ;
168
173
}
169
174
170
175
.sideBox_main_image {
@@ -175,10 +180,12 @@ border-radius:50%;
175
180
176
181
.sideBox : nth-child (1 ){
177
182
display : flex;
178
- margin : 10px 0px ;
183
+ margin-top : 10px ;
184
+ margin-bottom : 10px ;
179
185
}
180
186
.sideBox : nth-child (1 ) div {
181
- margin : 15px 0px 0px 20px ;
187
+ margin-top : 15px ;
188
+ margin-left : 20px ;
182
189
line-height : 10px ;
183
190
}
184
191
You can’t perform that action at this time.
0 commit comments