{"id":30,"date":"2024-06-07T13:16:53","date_gmt":"2024-06-07T13:16:53","guid":{"rendered":"https:\/\/demo.sayhello.dev\/rosenlaui\/?page_id=30"},"modified":"2024-07-04T00:00:10","modified_gmt":"2024-07-03T22:00:10","slug":"responsive-page-layout","status":"publish","type":"page","link":"https:\/\/demo.sayhello.dev\/rosenlaui\/","title":{"rendered":"Responsive page layout"},"content":{"rendered":"
\n\t
\n\t\t\n
\n\t
\n\t\t\n\n
\n
<\/span>\"\"
\n\t
\n\t\t\n
\n\t
\n\t\t\n\n

A design concept by sayhello.ch, June 2024<\/p>\n\n\n\n

Lorem Ipsum<\/h1>\n\n\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t\t<\/div>\n<\/div><\/div>\n<\/div>\n\n\t<\/div>\n\t\t<\/div>\n\n\n
\n\t
\n\t\t\n
\n\t
\n\t\t\n
\n\t
\n\t\t\n\n
<\/span>\"\"
\n\t
\n\t\t\n
\n\t
\n\t\t\n\n

A design concept by sayhello.ch, June 2024<\/p>\n\n\n\n

Lorem Ipsum<\/h1>\n\n\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t\t<\/div>\n\n\n
\n\t
\n\t\t\n\n
\n

This is a sample page of a responsive design layout, created by Say Hello GmbH<\/a>: a WordPress design and development agency in Switzerland.<\/p>\n\n\n\n

View more experiments here \u2192<\/strong><\/a><\/p>\n\n\n\n

The web works on many devices and at many screen sizes: from little smartphones with a screen size of 320px x 480px to massive televisions and desktop monitors. We specialise in ensuring that the design concepts we create\u2014and those which are delivered to us by our partners\u2014work as well as possible across all screen sizes.<\/p>\n\n\n\n

The Grid Layout<\/h2>\n\n\n\n

This idea of this site is to display a collection of images, multimedia content and text, which adapts using a \u201cgrid layout\u201d to present the information in an optimal way for every screen size. You can see how this works for the visitor by loading this page at different screen sizes\u2014for example, on your smartphone and your desktop computer\u2014and comparing how the content is presented differently, according to screen size.<\/p>\n\n\n\n

All of this happens seamlessly using a content management system with additional grid controls. In this demo, only an administrator is allowed to change the page layout, whilst other users can edit the content: retaining control over the text, images and so on without worrying about breaking the page design.<\/p>\n\n\n\n

\n

Notes<\/h2>\n\n\n\n
\n
\n