# Logical size

inline-size and block-size: width and height that follow text direction.

## What are **logical sizes**?

**Logical sizes** are `inline-size` and `block-size`: width and height that follow the writing direction.

```css
.sidebar { inline-size: 280px; }
```

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

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/logical-size