Reduce heading whitespace on blog posts

[carolynvs]

What does this change

The blog posts have too much whitespace right now before H2 tags, which splits up the page oddly. This removes the extra space, just for blog posts.

What issue does it fix

NA

Notes for the reviewer

I could reduce the space even further because there is another padding statement that is adding padding to h2. That would impact ALL h2 tags on both blog posts and doc pages, not just the ones on the blog. What do you think?

Checklist

• Did you write tests?
• Did you write documentation?
• Did you change porter.yaml or a storage document record? Update the corresponding schema file.
• If this is your first pull request, please add your name to the bottom of our Contributors list. Thank you for making Porter better! 🙇‍♀️

Reviewer Checklist

• Comment with /azp run test-porter-release if a magefile or build script was modified
• Comment with /azp run porter-integration if it's a non-trivial PR

[carolynvs]

Example of the extra space between headings

Current Page: https://porter.sh/blog/v1-alpha3/

Reduced whitespace

Browser metadata

Path:      /blog/v1-alpha3/
Browser:   Firefox 95.0 on Mac OS 10.15
Viewport:  2109 x 1179 @1x
Language:  en-US
Cookies:   Enabled

Open in BrowserStack

Open Deploy Preview · Mark as Resolved

[VinozzZ]

LGTM
The current heading space on the doc pages doesn't look too big for me. Have we thought about removing the added paddings for the global h2 and let each component has its own header padding defined?

[carolynvs]

@VinozzZ I am not sure that I am following what you are suggesting. If you want to open a PR and demonstrate what you are suggesting that would be great.

[joshuabezaleel]

LGTM, thank you for the fix Carolyn!