Commit 21c6ac2 1 parent a708cd6 commit 21c6ac2 Copy full SHA for 21c6ac2
File tree 1 file changed +133
-1
lines changed
1 file changed +133
-1
lines changed Original file line number Diff line number Diff line change 18
18
}
19
19
20
20
21
+
21
22
.h1 {
22
23
height : 9.375rem ;
23
24
width : 21rem ;
@@ -173,7 +174,19 @@ img {
173
174
margin : 5px ;
174
175
}
175
176
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 {
177
190
position : relative;
178
191
left : 50px ;
179
192
font-size : 17px ;
@@ -210,3 +223,122 @@ div {
210
223
left : 30px ;
211
224
font-size : 16.4px ;
212
225
}
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
+ }
You can’t perform that action at this time.
0 commit comments