table.jsx

import React from 'react';

export const Grid = (props) => {
  const renderRow = (rowData) => (
    <div className="row">
      <div className="col">
        {rowData.title}
      </div>
      <div className="col">
        {rowData.description}
      </div> 
      <div className="col">
        {rowData.date}
      </div> 
    </div>
   )
  
  return (
    <div className="grid__container">
      {props.data.map((datum) => renderRow(datum))}
    </div>
  )
};