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

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:

  1. Grab the section on stage (from the bottom) and pull it up to remove the minimum that is has
  2. 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.

Open Studio is an event where we share with you everything we’ve been working on: product updates, new announcements, growth opportunities, and our plans for the future. This topic was created to answer a question submitted at an Open Studio event. To view a list of all the questions submitted, visit this topic.