Responsiveness
The Bartik theme that we talked about in Chapter 3, Basic Concepts, like all modern Drupal 8 themes, is designed to be responsive and so reacts to the size of the browser viewing the page using
breakpoints. The breakpoints are designed for the desktop (wide), tablet (standard), and mobile (narrow) browser widths.
Let's test that out now.
With the tray still visible, gradually resize your browser and you will see two things happen. At the first breakpoint, you will see the Main menu change shape. Try it now.
At the second breakpoint, you'll see two more significant changes.
The Search and Tools blocks both clear so that they fit nicely within a portrait smartphone screen and the items within the Tray itself also clear and reposition ...
Get Drupal 8: Enterprise Web Development now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
