Breakpoints

[davidjb99]

As a user, I want to modify layout and style settings for different screen resolutions. Presently I might draw my design in Figma at different resolutions and ask a developer to transpose this to code. In my head, I have an idea of what my design should look like on different devices. I need to modify the layout/style settings in funk to match the design I want to produce.

The big difference compared to design tools is I'm only going to design one screen which will work across multiple devices. When I design I normally start from a base that might be desktop, tablet, or mobile, depending on the user requirements. As such I have in my head the base design and apply it to different screen sizes.

more info

needs design and tech discussion @davidjb99 @FranzSkuffka

• Set a base layer for styles (i.e. Desktop 4k), from which the user will modify for sub layouts (iPhoneX)
• When the user is not viewing the base layer make any style/layout changes resolution specific, such that they only apply to that resolution
• Highlight to the user what setting have changed from the base layer
• Allow the user to reset back to the base settings