Для чего это?

Основная причина для чего нужна разный подход к вёрстке и функционалу - Это разные методы взаимодействия с приложением \ сайтом с разных типов устройств.

На широкоформатных мониторах достаточно места для отображения боковых панелей, и большого количества контента. Но такого не скажешь о мобильных устройствах. Из-за портретной ориентации экрана и малой ширины, вёрстку приходится "обрезать" и перестраивать, дабы поместить как можно больше контента на экране.