'When the screen size changes, everything changes, it doesn't look the same as before

My biggest problem with web development is, when the creen changes, everything looks different. What I only want is that the element's position and size adjusts to the screen size. I know the values vw an vh, but it's still not the same, although I work with vw and vh all the time. I'm sorry that I haven't got any code for example, but it happens with all my projects.

I woukd be really happy, if someone would give me an answer.

css


Solution 1:[1]

When you are using VW for sizing when you are changing the screen size your project text sizes changes use rem instead of vw

Solution 2:[2]

You should use bootstrap Grids for example if you want two div's to be inline you should use col-6 for each parent and it'll be responsive

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Bahrom
Solution 2 Arta Gbn