How do I design responsive Layouts in rukzuk?
You set up the design for all target devices in layout mode. The coloured indicator tells you which resolution you're in at any time.
Settings automatically cascade down from bigger resolutions to smaller ones. In rukzuk you design for the desktop first and then adjust the layout for mobile devices. Drag the preview window smaller and change your layout as you go. The grid settings will be color-coded accordingly.
You can also change styles for different resolutions. For example, use the font style to make your headlines bigger on smartphones. Or change how many columns your image gallery displays. Click the coloured indicator to revert any responsive settings.
Use the QR code to test your layout on real devices.
Make a single layout look great across all target resolutions.