amend font sizes

This commit is contained in:
María
2025-09-16 15:39:30 +02:00
committed by María
parent bdbccbb8fa
commit 22ff72f4a8
15 changed files with 75 additions and 79 deletions

View File

@@ -15,8 +15,8 @@
class="absolute right-0 top-0 h-60 md:h-25.6" >
<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>
<h1 class="font-bold">{{ title }}</h1>
<p class="text-2xl-custom max-w-2xl">{{ subtitle }}</p>
<NuxtLink v-if="button" :to="button.link">
<ButtonCTA :color="button.color" class="uppercase mt-6">
{{ button.label }}
@@ -59,22 +59,4 @@ export default {
},
};
</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>
</script>