При вёрстке приложения нужно много чего учесть. Вот небольшой список того чего можно придерживаться.

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