Remove excess whitespace in class reference table

[jmuzina]

Done

Reduces extra whitespace used by documentation class reference tables.

Previous implementation was using old nested grid implementation. This updates grid as such:

• Top level grid is now 25/75 split on large instead of 16/58
• Nested grid is now 33/66 on large and medium instead of 43/57 on large and 40/60 on medium

Fixes #5238, WD-13574

QA

• Open some class reference tables and verify they look good across all breakpoints. The following components have class reference tables:
  • Code snippet
  • CTA block
  • Image
  • Notification
  • Side navigation

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix release (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

Before

Large

Medium

Small

After

Large

Medium

Small

[webteam-app]

Demo

Jenkins

demos.haus