Skip to content

Commit 21c6ac2

Browse files
authored
Update styles.css
Update
1 parent a708cd6 commit 21c6ac2

File tree

1 file changed

+133
-1
lines changed

1 file changed

+133
-1
lines changed

styles.css

+133-1
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ body {
1818
}
1919

2020

21+
2122
.h1 {
2223
height:9.375rem;
2324
width:21rem;
@@ -173,7 +174,19 @@ img {
173174
margin:5px;
174175
}
175176

176-
.rated {
177+
.rated-1 {
178+
position:relative;
179+
left:50px;
180+
font-size:17px;
181+
}
182+
183+
.rated-2 {
184+
position:relative;
185+
left:50px;
186+
font-size:17px;
187+
}
188+
189+
.rated-3 {
177190
position:relative;
178191
left:50px;
179192
font-size:17px;
@@ -210,3 +223,122 @@ div {
210223
left:30px;
211224
font-size:16.4px;
212225
}
226+
227+
228+
229+
@media (max-width: 475px) {
230+
231+
body {
232+
margin: 0 auto;
233+
padding: 0 auto;
234+
width: 410px;
235+
height: 1530px;
236+
}
237+
238+
.h1 {
239+
position:relative;
240+
top:80px;
241+
left:70px;
242+
width:270px;
243+
text-align:center;
244+
line-height:32px;
245+
letter-spacing:-1px;
246+
247+
248+
}
249+
250+
h1 {
251+
font-size:39px;
252+
}
253+
254+
.we {
255+
display:grid;
256+
position:relative;
257+
top:6px;
258+
width:350px;
259+
height:95px;
260+
text-align:center;
261+
line-height:25px;
262+
left:35px;
263+
264+
}
265+
266+
.star-1 {
267+
display:inline-flex;
268+
position:relative;
269+
left:30px;
270+
top:10px;
271+
height:75px;
272+
width:350px;
273+
align-items:center;
274+
justify-content:center;
275+
border:1px solid black;
276+
}
277+
278+
.star-2 {
279+
display:inline-flex;
280+
left:30px;
281+
top:-20px;
282+
height:75px;
283+
width:350px;
284+
align-items:center;
285+
justify-content:center;
286+
border:1px solid black;
287+
}
288+
289+
.star-3 {
290+
display:inline-flex;
291+
left:30px;
292+
top:-50px;
293+
height:75px;
294+
width:350px;
295+
align-items:center;
296+
justify-content:center;
297+
border:1px solid black;
298+
299+
}
300+
301+
.images-1 {
302+
display:inline-flex;
303+
top:30px;
304+
}
305+
306+
.images-2 {
307+
display:inline-flex;
308+
position:relative;
309+
top:30px;
310+
left:20px;
311+
width:350px;
312+
}
313+
314+
.images-3 {
315+
display:inline-flex;
316+
position:relative;
317+
top:30px;
318+
left:40px;
319+
}
320+
321+
322+
.stars {
323+
position:relative;
324+
top:-14px;
325+
left:100px;
326+
}
327+
328+
.rated-1 {
329+
position:relative;
330+
left:-60px;
331+
top:17px;
332+
}
333+
334+
.rated-2 {
335+
position:relative;
336+
left:-120px;
337+
top:10px;
338+
}
339+
340+
.rated-3 {
341+
position:relative;
342+
left:-120px;
343+
top:10px;
344+
}

0 commit comments

Comments
 (0)