UniGUI components are messy when running the project

Question

I am new to Delphi(10.4), and I am using Delphi UniGUI Library to build a web client application.

My problem is that once I run the project on Google Chrome, I don't get the same result as what I did in the conception form, my modal form gets so messy, even the sizes of the components are not visually the same. If I try to fix them according to the result I am getting, it gets messier once I run the project.

Please refer to the two pictures as an example.

Does anybody know if I am missing something? Thank you.

Answer 1

I think you better to learn about css in Unigui see this video Login form it shows how css changes everything