added padding in examples header

[mohankumarhr]

Fixes #573
A padding is added for the headings of the Example section to give gap between heading and images

[davepagurek]

Hi! This will affect all h2s, probably breaking the layout in tutorials that include it. The tutorials page has a similar look and addresses it by adding the following tailwind class to their h2s:

p5.js-website/src/layouts/TutorialsLayout.astro

Line 53 in 753bb06

<h2 id={slug} class="mb-gutter-md mt-0">

Maybe we can take the same approach here instead?

[mohankumarhr]

Hi! This will affect all h2s, probably breaking the layout in tutorials that include it. The tutorials page has a similar look and addresses it by adding the following tailwind class to their h2s:

p5.js-website/src/layouts/TutorialsLayout.astro

Line 53 in 753bb06

<h2 id={slug} class="mb-gutter-md mt-0">

Maybe we can take the same approach here instead?

Thank you for the suggestion @davepagurek. I have removed the previous update and added the Tailwind class