Skip to content

Commit

Permalink
chore: make the imprint page responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviareichl committed Oct 23, 2024
1 parent b757574 commit 8e18b0e
Showing 1 changed file with 6 additions and 4 deletions.
10 changes: 6 additions & 4 deletions pages/imprint.vue
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,16 @@ usePageMetadata({
</script>

<template>
<MainContent class="container grid grid-cols-[2fr_3fr] gap-8 px-40 py-8">
<div class="flex justify-end">
<Card class="size-72 bg-frisch-orange">
<MainContent
class="grid gap-8 p-4 md:grid-cols-[1fr_3fr] md:justify-center md:px-12 2xl:grid-cols-[2fr_3fr]"
>
<div class="flex md:justify-end">
<Card class="aspect-square size-full bg-frisch-orange md:size-72">
<CardContent class="flex size-full py-4 text-2xl font-bold text-white">
<h1 class="uppercase">{{ t("ImprintPage.title") }}</h1>
</CardContent>
</Card>
</div>
<Imprint class="prose prose-h2:text-frisch-orange" />
<Imprint class="prose prose-h2:text-frisch-orange 2xl:max-w-3xl" />
</MainContent>
</template>

0 comments on commit 8e18b0e

Please sign in to comment.