@@ -270,8 +270,10 @@ class="text-center text-3xl font-extrabold sm:text-4xl"
270
270
</h2 >
271
271
272
272
{{-- List --}}
273
- <div class =" mt-5 flex flex-wrap items-start justify-center gap-5" >
274
- <div class =" flex flex-col items-center gap-4" >
273
+ <div
274
+ class =" mt-10 flex flex-col items-center justify-center gap-x-6 gap-y-8 lg:flex-row lg:items-start"
275
+ >
276
+ <div class =" flex items-center gap-x-7 gap-y-5 lg:flex-col" >
275
277
{{-- Card --}}
276
278
<div
277
279
class =" group relative isolate flex w-full max-w-75 items-center gap-5 overflow-hidden rounded-2xl bg-gradient-to-br from-violet-50 to-violet-300 p-8 dark:bg-gradient-to-bl dark:from-white/10 dark:to-white/2"
@@ -296,19 +298,19 @@ class="absolute -top-40 -right-40 -z-10 size-80 rounded-full bg-gradient-to-t fr
296
298
</div >
297
299
298
300
{{-- Description --}}
299
- <div class =" flex flex-col gap-5 " >
301
+ <div class =" flex flex-col gap-4 " >
300
302
<div class =" flex items-center gap-2.5" >
301
303
<img
302
304
src =" {{ Vite:: asset (' resources/images/prizes/gold_medal.webp' ) } }"
303
305
alt =" "
304
- class =" h-9 "
306
+ class =" h-8 "
305
307
/>
306
308
{{-- Title --}}
307
- <h6 class =" text-xl font-medium" >1st Place</h6 >
309
+ <h6 class =" text-lg font-medium" >1st Place</h6 >
308
310
</div >
309
311
</div >
310
312
</div >
311
- <div class =" flex flex-col items-center gap-4 " >
313
+ <div class =" flex items-center gap-x-7 gap-y-5 lg:flex-col " >
312
314
{{-- Card --}}
313
315
<div
314
316
class =" group relative isolate flex w-full max-w-75 items-center gap-5 overflow-hidden rounded-2xl bg-gradient-to-br from-sky-50 to-sky-300 p-8 dark:bg-gradient-to-bl dark:from-white/10 dark:to-white/2"
@@ -333,28 +335,28 @@ class="absolute -top-40 -right-40 -z-10 size-80 rounded-full bg-gradient-to-t fr
333
335
</div >
334
336
335
337
{{-- Description --}}
336
- <div class =" flex flex-col gap-5 " >
338
+ <div class =" flex flex-col gap-4 " >
337
339
<div class =" flex items-center gap-2.5" >
338
340
<img
339
341
src =" {{ Vite:: asset (' resources/images/prizes/gold_medal.webp' ) } }"
340
342
alt =" "
341
- class =" h-9 "
343
+ class =" h-8 "
342
344
/>
343
345
{{-- Title --}}
344
- <h6 class =" text-xl font-medium" >1st Place</h6 >
346
+ <h6 class =" text-lg font-medium" >1st Place</h6 >
345
347
</div >
346
348
<div class =" flex items-center gap-2.5" >
347
349
<img
348
350
src =" {{ Vite:: asset (' resources/images/prizes/silver_medal.webp' ) } }"
349
351
alt =" "
350
- class =" h-9 "
352
+ class =" h-8 "
351
353
/>
352
354
{{-- Title --}}
353
- <h6 class =" text-xl font-medium" >2nd Place</h6 >
355
+ <h6 class =" text-lg font-medium" >2nd Place</h6 >
354
356
</div >
355
357
</div >
356
358
</div >
357
- <div class =" flex flex-col items-center gap-4 " >
359
+ <div class =" flex items-center gap-x-7 gap-y-5 lg:flex-col " >
358
360
<div
359
361
class =" group relative isolate flex w-full max-w-75 items-center gap-5 overflow-hidden rounded-2xl bg-gradient-to-br from-orange-50 to-orange-300 p-8 dark:bg-gradient-to-bl dark:from-white/10 dark:to-white/2"
360
362
>
@@ -378,33 +380,33 @@ class="absolute -top-40 -right-40 -z-10 size-80 rounded-full bg-gradient-to-t fr
378
380
</div >
379
381
380
382
{{-- Description --}}
381
- <div class =" flex flex-col gap-5 " >
383
+ <div class =" flex flex-col gap-4 " >
382
384
<div class =" flex items-center gap-2.5" >
383
385
<img
384
386
src =" {{ Vite:: asset (' resources/images/prizes/gold_medal.webp' ) } }"
385
387
alt =" "
386
- class =" h-9 "
388
+ class =" h-8 "
387
389
/>
388
390
{{-- Title --}}
389
- <h6 class =" text-xl font-medium" >1st Place</h6 >
391
+ <h6 class =" text-lg font-medium" >1st Place</h6 >
390
392
</div >
391
393
<div class =" flex items-center gap-2.5" >
392
394
<img
393
395
src =" {{ Vite:: asset (' resources/images/prizes/silver_medal.webp' ) } }"
394
396
alt =" "
395
- class =" h-9 "
397
+ class =" h-8 "
396
398
/>
397
399
{{-- Title --}}
398
- <h6 class =" text-xl font-medium" >2nd Place</h6 >
400
+ <h6 class =" text-lg font-medium" >2nd Place</h6 >
399
401
</div >
400
402
<div class =" flex items-center gap-2.5" >
401
403
<img
402
404
src =" {{ Vite:: asset (' resources/images/prizes/bronze_medal.webp' ) } }"
403
405
alt =" "
404
- class =" h-9 "
406
+ class =" h-8 "
405
407
/>
406
408
{{-- Title --}}
407
- <h6 class =" text-xl font-medium" >3rd Place</h6 >
409
+ <h6 class =" text-lg font-medium" >3rd Place</h6 >
408
410
</div >
409
411
</div >
410
412
</div >
0 commit comments