Align items to center not working in SAPUI5

If you want a quick solution then you can use basic CSS properties like padding for left or right to align the content. Use relative percentages so that it works in both the views.

Other way which looks ideal is that define a custom CSS. Then you need to add this custom CSS to manifest.

"resources": {
    "css": [
        {
            "uri": "css/style.css"
        }
    ]
}

Set the concerned property like Margin: 0 auto; which will help you to set the contents to center.