Игровые сайты

Mobile-First верстка для destorus

Mobile-First верстка для destorus
Вид работ:
Адаптивная Mobile-First верстка
Дизайн разработан в Figma. Были предоставлены 2 экрана мобильной и десктопной версий, поэтому я принял решение использовать технику Mobile-First, то есть сначала верстается мобильная версия, а затем наращиваются дополнительные стили адаптируясь под все большие и большие устройства.

Навигация и слайдер в мобильной версии:


Навигация и слайдер в дескотпой версии:


Топ игроков переключается между серверами и типами:



Самым сложным элементом в данной работе оказался график загрузки онлайна. С графиками всегда не просто, а тут их несколько переключаются да еще и со стилями много работы, но результат как всегда порадовал:

Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео: