Иконки используйте только svg. Удобно
размещать их в спрайте. И при ховере менять цвет.
Для элементов которые меняют свои свойства по hover добавляйте transition для плавного изменения свойств.
Используйте подход mobile first. Т.е. сначала пишите стили для самого маленького экрана, а потом с помощью медиазапросов min-width переопределяется свойства для больших экранов.
Для указания размеров текста лучше использовать относительные единицы измерения em/rem. Это позволит некоторым пользователям с помощью настроек браузера изменять размер шрифта.
Появление навигации на маленьких экранах сделайте с анимацией.
Вертикальные отступы между блоками лучше делать с помощью margin, а не padding. Например social__item. Нет никакой нужды делать его таким высоким. Убери лишние padding и добавьте margin-bottom у nav.
В
этой секции точки не стоит прятать на маленьких экранах. Задайте все размеры через em и через медиа-запросы меняйте размер шрифта у родительского блока info (кстати почему их два?)
