mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-02 16:52:31 +00:00
shrink font and img for small screens
This commit is contained in:
@@ -41,7 +41,7 @@
|
|||||||
<div class="space-y-24 my-24">
|
<div class="space-y-24 my-24">
|
||||||
<div class="px-12 w-full flex flex-col items-center">
|
<div class="px-12 w-full flex flex-col items-center">
|
||||||
<div class="flex flex-col gap-6 items-center max-w-3xl">
|
<div class="flex flex-col gap-6 items-center max-w-3xl">
|
||||||
<div class="text-6xl font-black text-center">{$_('metadata.app_title')}</div>
|
<div class="text-5xl xs:text-6xl font-black text-center">{$_('metadata.app_title')}</div>
|
||||||
<div class="text-xl text-muted-foreground text-center">
|
<div class="text-xl text-muted-foreground text-center">
|
||||||
{$_('metadata.description')}
|
{$_('metadata.description')}
|
||||||
</div>
|
</div>
|
||||||
@@ -117,7 +117,7 @@
|
|||||||
</h1>
|
</h1>
|
||||||
<p class="text-muted-foreground">{$_('homepage.maps_description')}</p>
|
<p class="text-muted-foreground">{$_('homepage.maps_description')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative h-80 aspect-square rounded-2xl shadow-xl overflow-clip">
|
<div class="relative h-60 xs:h-80 aspect-square rounded-2xl shadow-xl overflow-clip">
|
||||||
<enhanced:img
|
<enhanced:img
|
||||||
src={mapboxOutdoorsMap}
|
src={mapboxOutdoorsMap}
|
||||||
alt="Mapbox Outdoors map screenshot."
|
alt="Mapbox Outdoors map screenshot."
|
||||||
|
Reference in New Issue
Block a user