Mobile responsive occurs when a web page detects the device type of the user and automatically adjusts the layout based on the screen size so that it’s more easily readable. Typically, mobile responsive pages fit four main screen sizes: large desktop monitors, laptops, tablets, and smartphones.