Make Feature Grid an HTML section
This commit is contained in:
@@ -6,9 +6,8 @@ import MiniCard from "./MiniCard";
|
|||||||
|
|
||||||
const FeatureGrid = ({ title, subtitle, className = "" }) => {
|
const FeatureGrid = ({ title, subtitle, className = "" }) => {
|
||||||
return (
|
return (
|
||||||
<div className="p-0 lg:p-[var(--spacing-scale-064)]">
|
|
||||||
<section
|
<section
|
||||||
className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] md:pt-[var(--spacing-scale-076)] md:pb-[var(--spacing-scale-048)] lg:pb-[var(--spacing-scale-076)] md:px-[var(--spacing-scale-048)] bg-[#171717] rounded-[var(--radius-measures-radius-xlarge)] focus-within:ring-2 focus-within:ring-[var(--color-surface-default-brand-royal)] focus-within:ring-offset-2 ${className}`}
|
className={`p-0 lg:p-[var(--spacing-scale-064)] py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] md:pt-[var(--spacing-scale-076)] md:pb-[var(--spacing-scale-048)] lg:pb-[var(--spacing-scale-076)] md:px-[var(--spacing-scale-048)] bg-[#171717] rounded-[var(--radius-measures-radius-xlarge)] focus-within:ring-2 focus-within:ring-[var(--color-surface-default-brand-royal)] focus-within:ring-offset-2 ${className}`}
|
||||||
aria-labelledby="feature-grid-headline"
|
aria-labelledby="feature-grid-headline"
|
||||||
role="region"
|
role="region"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
@@ -66,7 +65,6 @@ const FeatureGrid = ({ title, subtitle, className = "" }) => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user