fix: don't wrap Statistics component contents in <section> element
This commit is contained in:
parent
5c17f9d9d5
commit
869833b34a
1 changed files with 10 additions and 12 deletions
|
@ -3,18 +3,16 @@ import NumberTicker from "../widgets/num-tick";
|
||||||
|
|
||||||
const Statistics = () => {
|
const Statistics = () => {
|
||||||
return (
|
return (
|
||||||
<section>
|
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
|
||||||
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
|
{stats.map(({ title, count }) => (
|
||||||
{stats.map(({ title, count }) => (
|
<div key={title} className="space-y-2 text-center">
|
||||||
<div key={title} className="space-y-2 text-center">
|
<p className="text-3xl sm:text-4xl font-bold">
|
||||||
<p className="text-3xl sm:text-4xl font-bold">
|
<NumberTicker value={count} />+
|
||||||
<NumberTicker value={count} />+
|
</p>
|
||||||
</p>
|
<p className="text-xl text-muted-foreground">{title}</p>
|
||||||
<p className="text-xl text-muted-foreground">{title}</p>
|
</div>
|
||||||
</div>
|
))}
|
||||||
))}
|
</div>
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue