Ask Organizer md breakpoint
This commit is contained in:
@@ -14,7 +14,7 @@ const AskOrganizer = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-032)] ${className}`}
|
className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-032)] md:py-[var(--spacing-scale-096)] md:px-[var(--spacing-scale-064)] ${className}`}
|
||||||
aria-labelledby="ask-organizer-headline"
|
aria-labelledby="ask-organizer-headline"
|
||||||
role="region"
|
role="region"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
@@ -30,7 +30,7 @@ const AskOrganizer = ({
|
|||||||
|
|
||||||
{/* Button */}
|
{/* Button */}
|
||||||
<div className="flex justify-center">
|
<div className="flex justify-center">
|
||||||
<Button href={buttonHref} size="small" variant="default">
|
<Button href={buttonHref} size="large" variant="default">
|
||||||
{buttonText}
|
{buttonText}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -53,9 +53,9 @@ const ContentLockup = ({
|
|||||||
titleContainer:
|
titleContainer:
|
||||||
"flex gap-[var(--spacing-scale-008)] items-center justify-center",
|
"flex gap-[var(--spacing-scale-008)] items-center justify-center",
|
||||||
title:
|
title:
|
||||||
"font-bricolage-grotesque font-medium text-[36px] leading-[110%] tracking-[0] text-[var(--color-content-default-brand-primary)] text-center",
|
"font-bricolage-grotesque font-medium text-[36px] leading-[110%] tracking-[0] md:text-[44px] md:leading-[110%] text-[var(--color-content-default-brand-primary)] text-center",
|
||||||
subtitle:
|
subtitle:
|
||||||
"font-inter font-normal text-[18px] leading-[130%] tracking-[0] text-[var(--color-content-default-primary)] text-center",
|
"font-inter font-normal text-[18px] leading-[130%] tracking-[0] md:text-[24px] md:leading-[32px] text-[var(--color-content-default-primary)] text-center",
|
||||||
shape:
|
shape:
|
||||||
"w-[16px] h-[16px] md:w-[20px] md:h-[20px] lg:w-[24px] lg:h-[24px]",
|
"w-[16px] h-[16px] md:w-[20px] md:h-[20px] lg:w-[24px] lg:h-[24px]",
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user