CraftAttack/website
4
0
Fork 0
Code Issues 2 Pull Requests Actions Activity

update features layout
All checks were successful
deploy / build-and-deploy (push) Successful in 28s
Details

Browse Source
This commit is contained in:
Ruben Otto
2025-11-23 13:08:08 +01:00
parent bf29c7b97f
commit f39582ebb0
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/features.astro
View File

@@ -87,11 +87,14 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
<WebsiteLayout title="Features"> <WebsiteLayout title="Features">
<div class="mx-4 my-6 sm:mx-12 sm:my-12 xl:mx-32 2xl:mx-64"> <div class="mx-4 my-6 sm:mx-12 sm:my-12 xl:mx-32 2xl:mx-64">
<h1 class="text-3xl lg:text-5xl mb-16 text-center">Features</h1> <h1 class="text-3xl lg:text-5xl mb-16 text-center">Features</h1>
<div class="grid md:grid-cols-2 gap-y-8 md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36"> <div class="space-y-8 md:space-y-28">
{ {
features.map((feature) => ( features.map((feature, i) => (
<> <div
<div> class="flex flex-col md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36"
class:list={{ 'md:flex-row': i % 2 == 0, 'md:flex-row-reverse': i % 2 != 0 }}
>
<div class="w-1/2">
<h3 class="text-xl mb-4 underline">{feature.name}</h3> <h3 class="text-xl mb-4 underline">{feature.name}</h3>
<ol class="list-disc space-y-2 ml-3"> <ol class="list-disc space-y-2 ml-3">
{feature.details.map((detail) => ( {feature.details.map((detail) => (
@@ -99,10 +102,10 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
))} ))}
</ol> </ol>
</div> </div>
<div> <div class="w-1/2">
<ImageCarousel client:idle /> <ImageCarousel client:idle />
</div> </div>
</> </div>
)) ))
} }
</div> </div>