Questions About Wireframe Migration to Webflow and Padding Adjustments

Moving the wireframe over to webflow, I have a few questions:

1.
What is the reason for each section to have "padding-global" and "padding-section-large"?
2.
What is the point of adding the specific elements "margin-bottom" and similar elements, when we could just put padding or margins around the elements with actual stuff in them (text, images, buttons, etc.)? (this may be the same question as #1, I'm not sure)
3.
Is there a way to change the "padding-section-large" or any of the above elements I've named so that the white space isn't so...large? I'd like it o be medium or small but not sure how to do so.

· Sorted by Oldest

Emily M.
·
In relation to 3. You can remove the padding-section-large class and add the padding-section-small class. You can also edit the padding-class-large to reduce the padding, but I wouldn’t recommend reducing it to any less than the padding-section-medium
Emily M.
·
2. Adding margin-bottom allows elements such as h1 or collection-list-wrapper to be repeated across different pages without all having the same bottom margin. If you added it to the element itself it would change the element’s style everywhere that it appears
Blair
·
Great answers from Emily.
Blair
·
Basically every element is as modular and granular as possible. That way you can style specific elements or elements within components without affecting other elements that share the same classes as Emily said.

Emily M.
·
In relation to 3. You can remove the padding-section-large class and add the padding-section-small class. You can also edit the padding-class-large to reduce the padding, but I wouldn’t recommend reducing it to any less than the padding-section-medium
Emily M.
·
2. Adding margin-bottom allows elements such as h1 or collection-list-wrapper to be repeated across different pages without all having the same bottom margin. If you added it to the element itself it would change the element’s style everywhere that it appears
Blair
·
Great answers from Emily.
Blair
·
Basically every element is as modular and granular as possible. That way you can style specific elements or elements within components without affecting other elements that share the same classes as Emily said.