We all know that CSS used to be the most challenging part of web development. However, it has become... Tagged with javascript, css, html.

Dev.to is a community platform for developers, offering resources, discussions, and networking opportunities to empower individuals in their coding journey. Developers can learn new programming languages, frameworks, and tools, engage in discussions on best practices, and share their experiences with fellow developers to enhance their skills and grow their professional network.

Learn how to use pure CSS to get screen size measurements, define custom properties, and perform mathematical operations on those properties. This method updates in real-time without JavaScript, utilizing new CSS features like @property, atan2, and tan functions.

Get Screen Size in Pure CSS

I like it, quite simple without having to jump over to JS to set properties as inline styles and keeping them in sync.
Question is though, how is the performance?

Wild, that something like this is possible in CSS. :D

I’m a newbie at this.
Could someone tell me the useful practices of this?