Вёрстка новичка - оцените, покритикуйте

Начал проходить интерактивные курсы, прошёл чуть больше половины.
И вот моя первая проба вёрстки.

https://selfstudy-web.gitlab.io/simple_template/
https://gitlab.com/selfstudy-web/simple_template/tree/master/public - исходники
https://app.avocode.com/view/2687ac46ff274e78ac5d691e9d633b70/50868348/comments/ - макет, если нужен

Где не прав, на что обратить больше внимания?

1 лайк

горизонтальная полоса прокрутки угнетает меня :disappointed_relieved:
там сверху мне кажется еще должно быть промо-картинка с [product name] первым элементом в хедере, хотя имхо

ну и естественно дезигн не тянется, на маленьких экранах неудобно
image

[quote=“Hierumo, post:2, topic:14422”]
там сверху мне кажется еще должно быть промо-картинка с [product name] первым элементом в хедере, хотя имхо
[/quote] в макете там ничего, но возможно ты прав, было бы логично

только десктоп верстал, адаптив и другие ещё не вкурсе )

а как у тебя блоки съехали?! оО
у меня в лисе всё хорошо

мобильный вид включил и всё. на андроид-телефоне открыл, показывает также как на хроме.

нужно было на флексах их делать)

вот еще что заметил:
image

ширину body (как контента) не задавай никогда как 1280, потому что кто сидит на WebKit, то у того полоса вертикальной прокрутки занимает 17 пикселей, поэтому на разрешении 1280 появляется горизонтальная полоса прокрутки ровно на 17 пикселей.