With the Google Chrome browser, any website can easily be viewed as a mobile version. All you have to do is go to the website of your choice and press the F12 key to open the Google Chrome Developer Tool.

If you visit our blog and press the F12 key, the Google Chrome Developer Tool will open.

On the right, various tabs are displayed that can help analyze the page. The source code of the page is under the tab Elements and under Network you can see, which files had to be loaded, how big they are and how long it took to load.

If you click on the small icon to the left of Elements, which is to represent a tablet and smartphone, you switch to the mobile view of the page.

This is what our English website looks like on the iPhone X. Without having this smartphone available, I can test the site for this device.

Instead of the iPhone X, many other devices can be selected aswell. Under Edit, the list of mobile devices gets even longer.

To test the page for a tablet, I choose one from the list.

At the top right is also a button to view the whole page in landscape format. This way it is possible to empathize the complete user experience.

That's number13 on the iPad Pro.

As you can see, the presentation differs depending on the device, as long as the website is optimized for mobile devices. While up to three posts are displayed next to each other on the computer, there is only one on the iPhone X and two posts on the iPad Pro.