For this snippet, I want to share with you something I do while resizing elements in the browser DevTools. Let’s suppose that you’re implementing a design in HTML & CSS, and you want to experiment with an icon’s width and height. Consider the following: .icon { --size: 32px; width: var(--size); height: var(--size); } In the browser DevTools, you can change the --size variable value, and both width
![Proportional Resizing with CSS Variables](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b573b2c0d4d8c84083d13583bd0ef4e6479fa13/height=288;version=1;width=512/https%3A%2F%2Fishadeed.com%2Fassets%2Faspect-ratio%2Fcard.png)