If we wanted to use rem, We usually convert px by 16 for example 768px/16px=48rem
If we are setting root as below
:root {
font-size: 62.5%;
}
This will change the default value to 10px but this is not good practice
This will affect the custom value for accessiblity
To avoid this set body
body {
font-size: 1.6rem;
}
Now we can write
768px===76.8rem