Самое очевидное, разметка должна быть валидной. Это как отче наш или как помыть руки после туалета. Часто встречаются глупые ошибки, которые не влияют ни на что, но сразу стновится понятно, что автор руки не помыл. Ну а если ошибки серьезные, то и говорить не о чем дальше.
Не думайте о документе, как о сопосбе превратить картинку в такую же, но в браузере. Думайте о разметке как о способе разбить документ на логичные куски.
Для тренировки попробуйте сверстать документ вообще без CSS в начале или хотя бы выключить его и понять — правильно ли с точки зрения логики выглядит документ. Хотя, если вы не привыкли оформлять документы даже в текстовом процессоре правильной разметкой — не знаю, наверное стоит подумать чем вы вообще занимаетесь.
Я не семантический-наци, но при этом я хорошо умею это делать и понимаю почему часто этим можно принебрегать в пользу других плюшек. Вы же делаете всего-то чертов конкурс, нужно же сделать максмально красиво.
Никто не сделал ничего, ну хоть альты не забыли картинкам добавить, на том спасибо.
Еще почти никто не подумал как будет выглядеть страница пока вон та огромная картинка в шапке грузится или ответила таймаутом. Итог — самый главный текст белый на белом фоне.
Компрессить надо все, картинки: jpeg, png, svg. Стили, джаваскрипт, делать джаваскрипт неблокирующим. Мало кто про это подумал.
Весь мир находит тысячи хороших способов раскладывать компоненты, переиспользовать, а мы все еще пишем весь css в одной портянке.
Его ни у кого даже близко нет. Написано как прийдется.