kit-eco.social/landing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

amend some issues and change texts

Browse Source
This commit is contained in:
María
2025-09-02 08:59:38 +02:00
committed by María
parent e5d470103f
commit 31fa587ea7
19 changed files with 116 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/HeroHome.vue
View File

@@ -14,9 +14,9 @@
alt="hero background shape right"
class="absolute right-0 top-0 h-60 md:h-25.6" >
<div class=" flex flex-col items-center z-10 gap-6">
<h1 class="text-32 md:text-40 lg:text-5xl font-bold max-w-4xl">{{ title }}</h1>
<p class="text-lg md:text-xl lg:text-2xl max-w-3xl">{{ subtitle }}</p>
<div class=" flex flex-col items-center z-10 gap-6 px-4 max-w-3xl">
<h1 class="text-32 md:text-40 lg:text-5xl font-bold">{{ title }}</h1>
<p class="text-24 max-w-2xl">{{ subtitle }}</p>
<NuxtLink v-if="button" :to="button.link">
<ButtonCTA :color="button.color" class="uppercase mt-6">
{{ button.label }}
@@ -59,4 +59,22 @@ export default {
},
};
</script>
</script>
<style>
p {
font-size: 24px;
}
text-24 {
@media screen and (min-width: 1023px) {
font-size: 24px;
}
@media screen and (max-width: 1023px) {
font-size: 20px;
}
@media screen and (max-width: 640px) {
font-size: 18px;
}
}
</style>