How should changes to the font size of H1 headers be made?

When it comes to changing the font size of H1 headers in a Mendix application, modifying the variable in custom-variable.scss is the preferred approach. This method takes advantage of the Sass (Syntactically Awesome Style Sheets) framework, which allows for easier management and customization of design variables across the entire application.

Using custom-variable.scss to adjust the font size ensures that the change is consistent and can propagate throughout the app wherever H1 headers are used. This centralized management of styles means that if you need to make further adjustments in the future, you can simply change the variable rather than tracking down every individual instance where the font size may have been hard-coded or manually set.

Making the change directly in custom-variable.scss also aligns with best practices in front-end development by promoting maintainability and scalability, allowing for a cleaner and more organized styling approach in your project.

While the other options may also contribute to style changes, they do not provide the same level of centralized control and ease of future modifications. Changing the CSS file directly would mean editing specific instances, which could lead to inconsistencies and increased complexity. Creating a new header style might not be necessary if a variable adjustment achieves the desired effect. Adjusting it in the UI inspector is useful for immediate