Each of the uses of the properties can be changed in various ways. On this page, for example, the white circles have been removed when viewed on a smartphone. The line height in the navigation section here has been increased above its normal value to make it easier to click on the links. It would also be simple to place the navigation area at the top for a narrow-screen device. Although I usually make the navigation area fixed to keep it available at all times, that is only my person preference, and many people let the navigation area move with the page content.
Although coding for mobile devices is commonly used by HTML writers, I have used it here and linked to an example since many users are not aware that this is done. (That means it works as it should!)