---
id: b243e09f-a9fa-4507-96e2-2c48b4f8e719
title: Normalize code-page vertical spacing
state: closed
labels:
- area:render
assignees: []
milestone: null
created: 2026-10-28T11:32:06.967801627Z
updated: 2026-10-28T11:36:31.276539277Z
---
## Problem

The code page inherits a mix of browser heading margins, section margins, and grid gaps. Measured at 1280px: title→clone 24px, clone→Files 60px, Files heading→table ~20px, table→Languages ~20px, Languages→README 40px, README heading→body ~20px. The result reads as arbitrary spacing.

## Fix

Use one explicit vertical scale on the code page:

- 24px between major blocks (repo header, Files, Languages, README)
- 12px from a section heading to its content
- 8px from language bar to legend
- 12px between repo title and clone box

Scope the rules to `.repo-head`, `.code-files`, `.langs`, and `.code-readme`; do not change markdown body rhythm.