---
id: Grid
cssPrefix: pf-v6-l-grid
section: foundations-and-styles
subsection: layouts
propComponents: ['Grid', 'GridItem']
---

import './grid.css';

## Examples

### Basic

```ts file="GridBasic.tsx"
```

### With gutters

```ts file="GridWithGutters.tsx"
```

### With overrides

```ts file="GridWithOverrides.tsx"
```

## Ordering

### Standard ordering

```ts file="GridStandardOrdering.tsx"
```

### Responsive ordering

```ts file="GridResponsiveOrdering.tsx"
```

### Grouped ordering

```ts file="GridGroupingOrdering.tsx"

```

### Alternative components

```ts file="GridAlternativeComponents.tsx"
```