Responsive Design
Responsive layouts automatically adjust and adapt to any device screen size, whether it is a desktop, a laptop, a tablet, or a mobile phone.
The following example demonstrates how the AppBar adjusts for different screen sizes by using CSS media queries
. To observe the responsive layout, resize the screen.