Skip to content

Commit 13a85cf

Browse files
committed
Fix some responsive stuff
1 parent b7226a4 commit 13a85cf

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/Web/Homepage/home.view.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,19 +20,19 @@
2020
<!-- Content -->
2121
<main class="container mx-auto relative flex flex-col gap-4 grow -mt-(--ui-header-height)" style="tab-size: 2">
2222
<!-- Hero -->
23-
<section class="md:h-[85svh] md:pt-24 flex justify-center flex-col tracking-tighter px-6 mt-32 md:mt-0">
23+
<section class="md:h-[85svh] min-h-[80vh] md:pt-24 flex justify-center flex-col tracking-tighter px-6 mt-32 md:mt-0">
2424
<h1 class="text-4xl md:text-5xl xl:text-6xl leading-none flex flex-col">
2525
<span>The framework that</span>
2626
<span class="text-(--ui-primary)">gets out of your way.</span>
2727
</h1>
2828
<p class="mt-4 md:mt-6 xl:mt-8 max-w-xl text-xl xl:text-2xl text-(--ui-text-toned)">
2929
Tempest embraces modern PHP and covers a wide range of features, giving you all the tools you need to <span class="font-bold">focus on your code</span>.
3030
</p>
31-
<div class="mt-6 md:mt-8 xl:mt-10 flex gap-4 items-center font-medium text-lg justify-center md:justify-start">
31+
<div class="mt-6 md:mt-8 xl:mt-10 flex gap-4 items-center font-medium text-lg justify-center md:justify-start flex-wrap">
3232
<a :href="uri([ChapterController::class, 'index'])" class="bg-(--ui-bg-inverted) text-(--ui-bg) hover:bg-(--ui-bg-inverted)/90 rounded-xl px-6 py-2.5 gap-1.5 transition">
3333
Get started
3434
</a>
35-
<a :href="uri([RedirectsController::class, 'github'])" class="hidden md:flex text(--ui-text) hover:bg-(--ui-info)/10 group rounded-xl px-6 py-2.5 flex items-center gap-x-1.5 transition border border-(--ui-border)">
35+
<a :href="uri([RedirectsController::class, 'github'])" class="text(--ui-text) hover:bg-(--ui-info)/10 group rounded-xl px-6 py-2.5 flex items-center gap-x-1.5 transition border border-(--ui-border)">
3636
<x-icon name="tabler:brand-github" class="size-6" />
3737
Source code
3838
<svg class="group-hover:translate-x-0 size-5 scale-85 group-hover:scale-100 transition opacity-0 group-hover:opacity-100 -translate-x-full" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">

0 commit comments

Comments
 (0)