In today's GUI Challenge, @AdamArgyleInk uses grid, masks and an input type range to create a comparison component.

Chapters:
0:00 - Introduction
0:41 - Debugging Corner
1:30 - HTML
2:22 - CSS layout
4:50 - CSS range
7:57 - CSS mask
9:58 - Javascript
12:55 - Adding content
14:57 - Recap
17:10 - Outro

Resources:
Demo → https://goo.gle/3Ruy07n

Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#GUIchallenges #ChromeForDevelopers