I have implemented viewport width (vw) for responsive design on all elements.
However, I am facing some inconsistencies in the actual resizing behavior.
You can see the issue here.
The top image shows how it appears at a viewport width of 1366px, while the bottom one is at 766px.
What's strange is that it goes back to normal at 707px, then breaks again at 700px, and returns to normal at 691px before breaking again at 680px, and so on (all numbers are approximate).
For a working model example, please visit this link
P.S. Is it recommended to exclusively use vw width for elements?