# CSS modules
[Read more about css modules](https://github.com/css-modules/css-modules)

## grid
Grid system objects, works together with utility width classes

```javascript
import gridStyles from 'itp-css/grid.module.css';
```

```javascript
const Component = () => (
  <div className={gridStyles.itpGridContainer}>
    <div className={gridStyles.itpGrid}>
      <div className={gridStyles.itpGridItem}>
        ...
      </div>
    </div>
  </div>
);
```

## row
Creates a horizontal row with padding

```javascript
import rowStyles from 'itp-css/row.module.css';
```

```javascript
const Component = () => (
  <div className={rowStyles.itpRow}>
    ...
  </div>
);
```

## table
Responsive tables and table layout helpers

```javascript
import tableStyles from 'itp-css/table.module.css';
```

```javascript
const Component = () => (
  <table className={tableStyles.itpTable}>
    ...
  </table>
);
```

---
[Back to overview](../README.md)