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-fd-row to u-flex-direction-row. To do this, you should update the namespace classes:
By enabling the responsive flex direction 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 flex-direction: row-reverse; on mobile and flex-direction: row; on tablets and up.
Set breakpoints only for flex direction utility
In case you would like to use different breakpoints to flex direction utility only, you should use the local variable.