Make Feature Grid an HTML section

This commit is contained in:
adilallo
2025-08-27 10:29:32 -06:00
parent 580b7b16c1
commit e606d4b6a5
+1 -3
View File
@@ -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>
); );
}; };