Link to Rolleigraphy Photo Gallery
© 2018 Ferdi Stutterheim and others
The web-site rolleigraphy.org is adapted for tablets and smartphones. For some pages ‘landscape format’ is still advised when using a smartphone. I am making Tables ‘responsive’ now. It means that you can scroll left and right in a table when the window is not wide enough to show the table properly. The job is not yet finished. Some pages still have non-responsive tables.
The width of the so called viewport is set for the width of your device. I have introduced two breakpoints for the viewport. For viewports wider than 1100 px the lay-out is still as usual for computer screens. For viewports narrower than 1100 px the line height of some page elements is increased. The navigation bar and the Contents section for instance. The intention is to give tablet users more room for touching the desired link.
When the viewport is narrower than 768 px more changes take place. The Contents section changes into just one column instead of three. Images will be placed between paragraphs instead of being wrapped inside paragraphs. Some elements that were aligned to the right are moved to the left.
There are so many devices now, with so many screen sizes, that it is difficult to determine proper breakpoints and impractical to test all devices myself. I have tested the lay-out on my MacBook Pro, my wife's iPad and on our iPhones. When you are on a PC or notebook you can see what is happening by changing the width of the browser window. The next page - Rolleigraphy: Photography with a Rolleiflex - will show it all nicely.