While there are different ways to do responsive testing, one way to test responsive websites is to simply reduce the width of the browser window, but in many cases you can’t reduce it down far enough to test on small screens. Browsers usually have a minimum width. For example in Chrome on my PC, it’s not possible to go any lower than 500px.
However there is a pretty simple way to go even lower than 500px, using Chrome as our example.
Step 1: Go into inspection mode by clicking F12 (or right-click anywhere on the page and select “Inspect”)
Step 2: Click on the 3-dot icon on the right side of the screen and in the “Dock side” section, select “Dock to right”
Step 3: Use the splitter to resize the page (drag the splitter to the left)
And you can end up making the window absolutely tiny like this…
That’s it!