Global pages to have different styling per device?

I have a number of global pages that will be heading to web and mobile such as login screens, is it possible to make these responsive and get these styled differently on all devices?

Cheers,

Are you interested in identifying different screen sizes or different kind of devices, (ex pc and smartphone)

Yeah, so the log in page would be on mobile, PC etc, but would then be different widths for inputs

oh ok, that can be set from here in each component


you can use something like this
IF(systemVars.dimensions.viewport.width<500, 200, 600)

Also if you want to completely show and hide components you can use a similar formula (but with true false) in the visibility formula

Hi Dinos,

Have you got the formula to make a container visible on mobile and invisible on desktop - Also the same for width?

using the knowledge from above, you can do anything about showing on specific device type.
Do you have anything specific that you cannot do?