FIX | Adding bottom margin to content area

[breakdancingcat]

Reason for Change

The modular repository adds a margin at the bottom of each component to maintain consistent spacing. However, there is no margin at the bottom of the content area when not using components.

This change adds a margin to the bottom of the <div class="layout>" element to ensure there is always space between the content and the footer.

The caveat, there will be whitespace when you have a full width component that needs to butt up against the social footer. Future updates can address whether or not we will use logic to apply the margin or require a negative margin in the instance of a full width component that needs to butt up against the footer. Example: https://wayne.edu/about

Demo

Before	After

References

• Basecamp

Final Checklist

• I have reviewed my code and it follows project standards
• I have tested the changes locally
• [n/a] I have added or updated relevant documentation
• [n/a] I have added tests (if applicable)
• [n/a] I have communicated with the team about necessary post-deploy actions

[coveralls]

coverage: 99.083%. remained the same
when pulling ca0b4b8 on feature/content-bottom-margin
into 31d82b2 on develop.

[nickdenardis]

👍

[KyleApsey]

This looks good to me