Background
This topic answers a question submitted at an Open Studio event. To view a list of all the questions submitted, visit this topic.
Question
How can I fix extra added spacing in some sections when viewing in wider screens. Spacing looks fine in design and mobile, but wide screen adds a ton of white space.
Answer
There are a few ways to reduce extra spacing. If section is set to “scale proportionally”, there’s some minimum height that creates this spacing in some screens. To remove it you can:
- Grab the section on stage (from the bottom) and pull it up to remove the minimum that is has
- Select the section and switch to ‘advance mode’, set sections min height to ‘None’. Open CSS grid and switch all rows to be 1 fr.