Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Getting Started
Getting Started

Questions About Wireframe Migration to Webflow and Padding Adjustments

Avatar of SaraLi F.SaraLi F.
路

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

  1. 1.

    What is the reason for each section to have "padding-global" and "padding-section-large"?

  2. 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. 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.

4 comments

  • Avatar of Emily M.
    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鈥檛 recommend reducing it to any less than the padding-section-medium

  • Avatar of Emily M.
    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鈥檚 style everywhere that it appears

  • Avatar of Blair
    Blair
    路

    Great answers from Emily.

  • Avatar of Blair
    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.