Зовнішній вигляд — правила, а не набір випадкових пікселів

CSS не «фарбує тег». Він знаходить вузли правилом і сперечається з іншими правилами.

Кожен елемент — прямокутник. Ширина «300px» без border-box бреше.

color успадковується. Розмір шрифту — не «магія 16». Контраст — не смак.

Батько display:flex. Діти вишиковуються. gap замість маргінів-милиць.

Двовимірна сітка. repeat і minmax — щоб не рахувати пікселі вручну.

static — у потоці. relative якорить absolute. fixed — до вікна. z-index не без stacking context.

Спершу нормальна вузька колонка, потім розширюєш. Не навпаки — «сховати на мобілці».

--колір на :root. Змінюєш тему — не шукаєш 40 hex у файлі.