Spacing bugs from v1 "test fest"

[x] Bug🐛: h4 elements have bottom padding Page: https://next.carbondesignsystem.com/migrating/guide/overview#yourlearning Browser: Chrome

"Light & Dark mode", "Typography", etc.

Originally posted by @tay1orjones in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3684169

[x] Bug🐛: Missing spacing between the image and the column header in Next.

Browser: Safari Suggestion: Page: https://next.carbondesignsystem.com/elements/color/overview#accessibility

[x] Page: https://next.carbondesignsystem.com/elements/themes/overview#theming-applied

Originally posted by @thyhmdo in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3684623

[x] Bug🐛: Missing margin on the MD screen size Page: https://next.carbondesignsystem.com/about-carbon/platform-roadmap Browser: FF Suggestion: Expect it to look similar to the SM screen size

Originally posted by @sstrubberg in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3684253

[x] Bug🐛: No line breaks after H4 headings Page: https://next.carbondesignsystem.com/designing/sketch (Its a problem across all of Next) Browser: Chrome Suggestion: Remove linebreak after H4 heading. In below image, the right side is showing correct styling (ignoring line-length)

Originally posted by @aagonzales in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3684260

[x] Bug🐛: Extra spacing in platform than on carbondesignsystem.com; Also, is charts still on beta? Page:https://next.carbondesignsystem.com/contributing/bugs-and-requests#creating-an-issue Browser: Chrome Suggestion:

Originally posted by @francinelucca in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3684535

[x] Vertical spacing is off on the platform — the space below the paragraphs and the components are too big, should be 24px

Chrome — at all breakpoints

Page url: https://next.carbondesignsystem.com/data-visualization/color-palettes https://next.carbondesignsystem.com/data-visualization/axes-and-labels

This is not unique to the color page... the margin bottoms on the type before components should be 24px and are too large — here's an example with the Do/Don't component

Should be an 80px margin top above $fluid-heading-04 and a 64px margin top above $fluid-heading-03

--

[x] There should be 24px of images between the Data viz color gallery images on the color palette page. They are stacked directly on top of one another at ALL breakpoints.

Page url: https://next.carbondesignsystem.com/data-visualization/color-palettes

Chrome

Originally posted by @jeanservaas in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3684626

[x] Bug🐛: Spacing is not correct between heading and body text. Page: Elements – Spacing Browser: https://next.carbondesignsystem.com/elements/spacing/overview#faq

Current Carbon site

Originally posted by @thyhmdo in https://github.com/carbon-design-system/carbon-platform/discussions/1268#discussioncomment-3693583

carbon-design-system / carbon-platform

Spacing bugs from v1 "test fest" #1303

--