# Fine Grain Pattern

> A tight micro grid that gives a white surface a fine paper-like grain.

- Kind: Element
- Page: https://ownlyplans.com/bhaskar/fine-grain-pattern/
- Licence: MIT (do anything, keep the notice)

## Code

`index.html`

```html
<div class='bg'><span>Your content</span></div>
```

`styles.css`

```css
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;font:400 20px Georgia,serif;color:#1c1c1c;background:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px) 0 0/6px 6px,linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px) 0 0/6px 6px,#fafafa}.bg span{position:relative}
```

## About

Two 5px repeating line gradients form a dense micro-grid. Subtle texture without images.

---
Also available as JSON: https://ownlyplans.com/bhaskar/fine-grain-pattern/?format=json
MCP server: https://ownlyplans.com/mcp