Main form on screen center

Hi i've a main form (formcontainer = wrapper) and in it a panel with ElementId = main.webpanel.
Now i want the form or the panel to show on center of screen and resizable on smartphone, tablet or PC.
Can i do this by code in delphi or with boostrap lib by this schema :

div id="wrapper"
div id="main.webpanel"></div

Can you provide me code please ? thx

If your form wraps on the 'wrapper' HTML element and the TWebPanel inside the form on the 'main.webpanel', it is expected to control layout via CSS. You can do this with bootstrap.