Skip to content

Commit 7fc8a9d

Browse files
🎨 Refine prizes section layout and adjust medal image sizes for improved consistency
1 parent 56b1a4e commit 7fc8a9d

File tree

1 file changed

+21
-19
lines changed

1 file changed

+21
-19
lines changed

‎resources/views/laracon-us-2025-competition.blade.php

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -270,8 +270,10 @@ class="text-center text-3xl font-extrabold sm:text-4xl"
270270
</h2>
271271

272272
{{-- 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">
275277
{{-- Card --}}
276278
<div
277279
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
296298
</div>
297299

298300
{{-- Description --}}
299-
<div class="flex flex-col gap-5">
301+
<div class="flex flex-col gap-4">
300302
<div class="flex items-center gap-2.5">
301303
<img
302304
src="{{ Vite::asset('resources/images/prizes/gold_medal.webp') }}"
303305
alt=""
304-
class="h-9"
306+
class="h-8"
305307
/>
306308
{{-- Title --}}
307-
<h6 class="text-xl font-medium">1st Place</h6>
309+
<h6 class="text-lg font-medium">1st Place</h6>
308310
</div>
309311
</div>
310312
</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">
312314
{{-- Card --}}
313315
<div
314316
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
333335
</div>
334336

335337
{{-- Description --}}
336-
<div class="flex flex-col gap-5">
338+
<div class="flex flex-col gap-4">
337339
<div class="flex items-center gap-2.5">
338340
<img
339341
src="{{ Vite::asset('resources/images/prizes/gold_medal.webp') }}"
340342
alt=""
341-
class="h-9"
343+
class="h-8"
342344
/>
343345
{{-- Title --}}
344-
<h6 class="text-xl font-medium">1st Place</h6>
346+
<h6 class="text-lg font-medium">1st Place</h6>
345347
</div>
346348
<div class="flex items-center gap-2.5">
347349
<img
348350
src="{{ Vite::asset('resources/images/prizes/silver_medal.webp') }}"
349351
alt=""
350-
class="h-9"
352+
class="h-8"
351353
/>
352354
{{-- Title --}}
353-
<h6 class="text-xl font-medium">2nd Place</h6>
355+
<h6 class="text-lg font-medium">2nd Place</h6>
354356
</div>
355357
</div>
356358
</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">
358360
<div
359361
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"
360362
>
@@ -378,33 +380,33 @@ class="absolute -top-40 -right-40 -z-10 size-80 rounded-full bg-gradient-to-t fr
378380
</div>
379381

380382
{{-- Description --}}
381-
<div class="flex flex-col gap-5">
383+
<div class="flex flex-col gap-4">
382384
<div class="flex items-center gap-2.5">
383385
<img
384386
src="{{ Vite::asset('resources/images/prizes/gold_medal.webp') }}"
385387
alt=""
386-
class="h-9"
388+
class="h-8"
387389
/>
388390
{{-- Title --}}
389-
<h6 class="text-xl font-medium">1st Place</h6>
391+
<h6 class="text-lg font-medium">1st Place</h6>
390392
</div>
391393
<div class="flex items-center gap-2.5">
392394
<img
393395
src="{{ Vite::asset('resources/images/prizes/silver_medal.webp') }}"
394396
alt=""
395-
class="h-9"
397+
class="h-8"
396398
/>
397399
{{-- Title --}}
398-
<h6 class="text-xl font-medium">2nd Place</h6>
400+
<h6 class="text-lg font-medium">2nd Place</h6>
399401
</div>
400402
<div class="flex items-center gap-2.5">
401403
<img
402404
src="{{ Vite::asset('resources/images/prizes/bronze_medal.webp') }}"
403405
alt=""
404-
class="h-9"
406+
class="h-8"
405407
/>
406408
{{-- Title --}}
407-
<h6 class="text-xl font-medium">3rd Place</h6>
409+
<h6 class="text-lg font-medium">3rd Place</h6>
408410
</div>
409411
</div>
410412
</div>

0 commit comments

Comments
 (0)