Каким наилучшим образом сверстать такую страницу?

Question

[lahomie93]

Здравствуйте! Решил потренироваться в адаптивной верстке и выбрал такую страницу
https://www.figma.com/file/R15cfebBNVhAIoDsxWoDg6O...
Не могли бы подсказать на какие семантические элементы лучше всего разбить страницу? И с чего лучше начать: с верстки мобильной версии или полноэкранной?
P.S. Для шабки с логотипом и телефоном я выбрал header

Comments

[Даниил Попов]

P.S. Для шабки с логотипом и телефоном я выбрал header

Вот уже почти всю работу вы и сделали.
А если серьезно, то откройте список тегов и прочтите в каких случаях их рекомендуется использовать
Тут, например, webref

[Никита Егоров]

отметите решением, если ответ помог?

Answer 1

[Максим Тимофеев]

И с чего лучше начать: с верстки мобильной версии или полноэкранной?

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

Не могли бы подсказать на какие семантические элементы лучше всего разбить страницу?

На подходящие: https://webref.ru/html Или Вы ожидаете что кто-то переверстает все? Есть вопросы по конкретному - блоку, тогда welcome иначе это на фриланс.

Для шаБки с логотипом и телефоном я выбрал header

разумно, но не понятно к чему это

Comments

[Никита Егоров]

По крайне мере именно с этим макетом лучше будет сначала десктопную версию сверстать.

Из десктопной версии сделать мобильную версию гораздо проще, чем из мобильной пытаться сделать десктопный интерфейс. Если мобайл-фёрст то про креатив можно забыть.

Плюсы и минусы верскти: Mobile First vs Desktop First?

[Максим Тимофеев]

Никита Егоров, вот поэтому я и написал

вопрос конечно спорный, так что слово "лучше" тут не совсем уместно.