Scenario :
- I am currently developing a mobile web version of my website
Issue :
While the design looks perfect when viewed on my laptop, it appears completely different and messy when opened on a friend's laptop.
For instance:
font-size
is not consistent.absolutely positioned divs
are not displaying as intended.input field sizes
are not uniform.
The main problem is that the UI design is inconsistent across different screens, even when they have the same width and resolution.
Using : Bootstrap 4
for the UI design.
I welcome any and all suggestions. Please provide your input.
Thank you.