Is it possible to use rem like this? How do you make responsive websites?

Question

css

I've been practicing layout for some time now, while I'm making pages and sites just for myself.
For adaptability (Rubber + media query) I decided to choose rem, as I considered it a convenient solution. So that the calculation of sizes does not cause difficulties, he prescribed the following:

html {
  font-size: 62.5%; /* 10px */
}

For elements where precision is important, such as borders, I continue to use px. The units for indentation depend on the requirement. If they must be fixed, then px, otherwise rem. Is this a normal practice, is it possible to do this? How are you doing?
What units do you use for adaptability, how and where do you use them? Tell me please, real experience is interesting. Thanks in advance.

Answer 1

I use percentages for blocks. For fonts, I'm not too lazy to register once for tablets a smaller size through media

Answer 2

For the main unit I use rem, but depending on the situation I use%, vh, vw, em, px. Why rem? Try to scale the page (ctrl + "+") which are laid out by rem.