Does anyone have any tips and tricks for achieving consistent vertical spacing across various screen sizes? I would like to be able to use the full height of the viewport, with my elements retaining their proportional vertical spacing across any screen size. For example a title at the top, some te…

If I understand correctly, I would set section to 100vh and then add 3 row grid with the heights set to required fractions (fr). Then, when you add the elements to each row set the docking distances and text min/max size. Hope this helps and I am not misunderstanding your question!

Consistent Proportional Vertical Spacing Across Screen Sizes?

Ask the community

TimTh June 11, 2020, 9:53pm 3

Thanks Janet. That makes sense. I will give it a try and let you know. Much appreciated!

Topic		Replies	Views
Using percentages to determine vertical positioning Ask the community code , question	3	425	June 6, 2019
How can I prevent large spaces between elements when adjusting to tablet and mobile viewports? Ask the community	2	387	April 16, 2021
Struggling with responsive title Ask the community	3	90	January 25, 2021
How is it still not possible to define percentage sizes for elements? Ask the community code	1	47	January 20, 2019
Section height Ask the community	3	210	June 4, 2020

Consistent Proportional Vertical Spacing Across Screen Sizes?

Related topics