Заметка о вёрстке
При вёрстке приложения нужно много чего учесть. Вот небольшой список того чего можно придерживаться.
- Вёрстка должна соответствовать макету. Пиксель пёрфект — зло.
- Семантика. Если элемент нажимается — `<button>`, если ссылается на другую страницу — `<a>`, текст — `<p>` и тд.
- Компоненты должны быть максимально независимыми. Каскада — по-минимуму.
- Адаптивность. Mobile first. Если решено верстать только на десктоп, то проверять на разрешениях от 1024.
- Состояния. Предусмотреть все состояния кнопок, ссылок и элементов формы. Не забыть про `:focus`.