Wyświetlanie ikon na podstawie wielkości ekranu urządzenia

Cześć, w projekcie na dashboardzie mam navbar, sidebar i na telefonach nie mieszczą się wszystkie elementy navbara i nie widać sidebara, chciałbym jakoś kontrolować to co widać na podstawie rozdzielczości ekranu, np. jeśli kotś jest na telefonie to chciałbym, zeby wyświetlić w navbarze rozwijanego hamburgera i żeby bylo widać sidebar, jednak nie do końca wiem jak się za to zabrać, bo samym gridem chyba tego nie zrobię. Projekt piszę we Vue / Vuetify. Ktoś podpowie?

Moim zdaniem takie rzeczy się ogarnia przez CSS oraz media query - https://developer.mozilla.org/pl/docs/Web/CSS/Media_Queries/Using_media_queries