Refactor facts layout on Why jambonz page

This commit is contained in:
kitajchuk
2021-04-06 09:14:34 -07:00
parent 9fef8c0e2e
commit a912bb3723
2 changed files with 40 additions and 33 deletions
+12 -10
View File
@@ -7,17 +7,19 @@ function Facts({data}) {
return (
<div className="bg-pink facts">
<div className="wrap facts__wrap">
{data.map((fact) => {
return (
<div key={nanoid()} className="facts__item">
<Icon name={fact.icon} style="fill" />
<div className="facts__text">
<H5><strong>{fact.title}</strong></H5>
<P>{fact.text}</P>
<div className="facts__items">
{data.map((fact) => {
return (
<div key={nanoid()} className="facts__item">
<Icon name={fact.icon} style="fill" />
<div className="facts__text">
<H5><strong>{fact.title}</strong></H5>
<P>{fact.text}</P>
</div>
</div>
</div>
);
})}
);
})}
</div>
</div>
</div>
);