iotaCSS allows you to fully customize all classes based on your needs. Assuming you would like to change the syntax of
the classes from .u-ai-start to u-align-items-start. To do this, you should update the namespace classes:
Enable responsive align items utilities
By enabling the responsive align items utilities, you have access to a set of utility classes which bind to breakpoints. By
default, they bind to the iotaCSS global breakpoints specified in Settings.Core.
Div with align-items: center; on mobile and align-items: flex-start; on tablets and up.
Set breakpoints only for align items utility
In case you would like to use different breakpoints to align items utility only, you should use the local variable.