How do i scale my UI for different mobile resolutions?

I can’t scale my ui with different devices. on some devices like the iphone 12 mini it fits perfectly same to ipads but on devices like z fold it scales badly. canvas scaler mode is set to scale with screen size and reference resolution is 1920x1080 and if i play with the height and width it still doesn’t work. i need quick help

story of my life (since 2013)
what I did along the years is to:

  • scale with screen
  • turn the dial all the way towards Height
  • add other Canvases with CanvasScaler with ‘Constant Physical’ for elements that should scale differently – in this case, I wanted some buttons to be the same physical size, and this is mainly for mobile

with the current setup I could have both decent desktop and mobile UIs, though on desktop a separate layout would always be better (but I didn’t have time for that)