Mario is trying to finalize an equipment order before work. He is using his smartphone while riding the train to the office, but for some reason not all the content is appearing. Mario tries turning the phone in his hand to see if landscape orientation would help with the layout problems, but it does not. What have the developers failed to do correctly so that Mario can interact the webpage on his smartphone?

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.

The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.

For example, if the user switches from laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. This means that the website should have the technology to automatically respond to the user’s preferences.

Since Mario is trying to finalize an equipment order before work, but not all the content is appearing on his smartphone and even when he tries turning his phone to see if landscape orientation would help with the layout problems, it still does not. Therefore, What the developers have failed to do correctly so that Mario can interact the webpage on his smartphone is RESPONSIVE WEB DESIGN.