[Video](https://www.youtube.com/watch?v=kHL3gxAlvK8)

In today's GUI challenge, we're building a breadcrumbs component.. with a twist! Instead of a linear list of links, this breadcrumbs component exposes all of it's siblings in a dropdown, allowing fast traversal of your site's architecture.

Chapters:

- 0:00 - Introduction
- 0:23 - Demo
- 1:56 - Layouts
- 4:13 - Debugging corner
- 5:25 - Mobile UX
- 6:17 - Reduced motion
- 7:34 - JavaScript
- 10:38 - Outro

Resources:

- Read along → <https://goo.gle/2TbySnq>
- Try a demo → <https://goo.gle/3ktEAwj>
- Get the source → <https://goo.gle/3n4Sfcg>

Watch more GUI Challenges → <https://goo.gle/GUIchallenges>

Subscribe to Google Chrome Developers → <http://goo.gl/LLLNvf>

[Back to all episodes](https://web.dev/shows/)