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

```css
@import 'itp-css/grid.css';
```

```javascript
import 'itp-css/grid.css';
```

```html
<div class="itpGrid__Container">
  <div class="itpGrid">
    <div class="itpGrid__Item">
      ...
    </div>
  </div>
</div>
```

## row
Creates a horizontal row with padding

```css
@import 'itp-css/row.css';
```

```javascript
import 'itp-css/row.css';
```

```html
<div class="itpRow">
  ...
</div>
```

## table
Responsive tables and table layout helpers

```css
@import 'itp-css/table.css';
```

```javascript
import 'itp-css/table.css';
```

```html
<table class="itpTable">
  ...
</table>
```

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