Хочу уточнить можно ли семантическим элементам назначать классы? И нормально ли такая разметка как на скрине? То есть wrapper в нем все. А эсайды с майном еще в отдельной обертке. Я подсмотрел где то. Но не знаю может это лишнее, столько оберток лепить.
1) Не забывайте менять lang= "en" на lang="ru", если у вас документ на русском языке 2) Не используйте float для сетки, есть же flexbox. Заодно избавитесь от лишнего пустого div.clear (пустые элементы – это не семантично). 3) В обертках нет ничего страшного, если они к месту. В коде css не видно, для чего вам wrapper, если не используется, лучше убрать.