styled.js

<ResponsiveGrid>
  <GridHeader>
    <GridData flexBasis="20%">Date</GridData>
    <GridData flexBasis="60%">Description</GridData>
    <GridData flexBasis="20%">Amount</GridData>
  </GridHeader>
  { data.map(row => { 
    return (
       <GridRow>
          <GridData flexBasis="20%">{row.date}</GridData>
          <GridData flexBasis="60%">{row.description}</GridData>
          <GridData flexBasis="20%">{row.amount}</GridData>
       </GridRow>
    );
  })}
</ResponsiveGrid>