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

In today's GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is responsive, supports multiple device inputs, and works across browsers. How would you create a settings page?

@AdamArgyleInk will be responding to your comments for the first 30 minutes after the episode releases. Connect with us here, ask questions, or submit your own code!

Chapters:

- 0:00 - Introduction
- 0:37 - Cross Platform
- 1:39 - Spacing
- 3:02 - Layouts
- 4:55 - Color
- 6:19 - User Input
- 7:18 - Javascript
- 8:20 - Outro

Resources:

- Read along → <https://goo.gle/3bCerGK>
- Try a demo → <http://goo.gle/3qysEbW>
- Get the source → <http://goo.gle/2OdXlWO>

Install VisBug → <http://goo.gle/3l286HF>

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/)