Are you familiar with media queries in CSS? See this link
You have to use the scroll container widget. Put the details into the center region of the scroll container, and the navigaton buttons put into the bottom region (before it, you have to enable the bottom region).
See this page: https://docs.mendix.com/refguide/scroll-container/
But , In mendix 9 you can select the width of the columns in a layout grid based on the device. it’s better to use percentages while setting screen resolutions. like 120%,20%,30% instead using px