adjust text size on different screen types

This commit is contained in:
Katri Lotamõis
2026-06-26 14:30:59 +03:00
parent fc757ef9ef
commit 42367cf8e2

View File

@@ -57,7 +57,8 @@ export default async function Page({
return ( return (
<h1 <h1
id={id} id={id}
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-white uppercase mb-4 mt-12 first:mt-0 scroll-mt-24 md:scroll-mt-28`} className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-white
uppercase mb-4 mt-12 first:mt-0 scroll-mt-24 md:scroll-mt-28`}
> >
{props.children} {props.children}
</h1> </h1>
@@ -81,12 +82,12 @@ export default async function Page({
</ul> </ul>
), ),
p: (props) => ( p: (props) => (
<p className="text-white text-xl"> <p className="text-white lg:text-xl sm:text-sm">
{props.children} {props.children}
</p> </p>
), ),
li: (props) => ( li: (props) => (
<li className="text-white text-xl mb-3"> <li className="text-white lg:text-xl sm:text-sm mb-3">
{props.children} {props.children}
</li> </li>
), ),