I am designing a UI in Android Studio using XML layouts. However, the UI is not rendering consistently across different devices, especially between mobile and tablet devices. The UI looks fine on tablets but appears distorted or oversized on mobile devices. I want to ensure that the UI maintains a consistent and visually appealing appearance across all screen sizes.

Whenever I create a new layout file in my android studio project, it’s default background color is always black and I have to use android:background="#FFF" to change it’s color to white. But this creates a lot of challenges while designing.