# Layout

The step where the browser works out every box's size and position.

## What is **layout** in the browser?

**Layout** is the step where the browser works out the size and position of every box on the page.

```javascript
const el = document.querySelector(".card");
el.style.width = "300px";
console.log(el.offsetHeight);   // forces layout to run now
```

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/layout