Рекомендації

HTML

Список - це тільки список ОДНОТИПНИХ єлементів - однакових

Якщо актив - то це кнопка - а якщо прото посилання - то а з href

Прямо в <li> не красиво (дурний тон) писати прямо текст, требу у відповідний тег

Для картинок краще відразу у ХТМЛ задати задані розміри ширину і воту, а потім у КСС їх перебивати. Тоді при первісному завантаженні одразу будуть квадратики правильних розмірів

графічні формати (які можуть) можна конвертувати у progresiv - тоді картинки будуть при поганому інтернеті хоть потрошку завантажуватись і відразу показуватись

Якщо при вказанні переходу по якрою # не писати далі куда а залишити просто # - то перейде до верху

CSS

line-height = краще писати не абсолюними значеннями а рзраховувати line-height / font-size = 1.11 (два знаки після коми) (без em)

letter-spacing = краще писати не абсолюними значеннями а рзраховувати letter-spacing / font-size = 1.11 (два знаки після коми) -0.54em;

На один єлемент при вказанні классів можна через пробіл додавати додатковий клас у котрому будуть вже щось загальне вказано

Скидання властивостей CSS

Колапсування вертикальних маржинів - Вертикальні маржини сусідніх блокових елементів не складаються. Якщо є два елемента з різними значеннями властивості margin, вибирається найбільший margin із двох. Колапсування маржинів відбувається лише для блокових елементів.