SAP UI5 - Mobile Responsive

[nataliechen98]

Hi, I am currently creating a desktop version and it has to be mobile responsive. I am currently using HBox and VBox. I have tried adjusting the width size but it doesn't work. Can anyone advise on this? Thanks!

View.xml

<mvc:View controllerName="abc.landingPage.controller.View1"
	xmlns:mvc="sap.ui.core.mvc" displayBlock="true"
	xmlns="sap.m"
	xmlns:f="sap.ui.layout.form"
	xmlns:core="sap.ui.core"
	xmlns:form="sap.ui.layout.form"
	xmlns:Device="sap.ui.Device">
	<App id="app">
		<pages>
			<Page id="page" title="{i18n>title}" showHeader="false">
				<content>
					<VBox>
						<HBox  class="custom-background" wrap="Wrap">
							<VBox class="hbox-with-border" wrap="Wrap" width="25%">
								<Panel class="user-preference-panel" expanded="true" >
									<!--<content of panel>-->
								</Panel>
							</VBox>
							<VBox id="search-panel" class="hbox-with-border" wrap="Wrap" width="75%">
								<Panel class="Search">
									<!-- Content of Panel -->
								</Panel>
							</VBox>
						</HBox>
					</VBox>
				</content>
			</Page>
		</pages>
	</App>
</mvc:View>