search

processing / p5.js-website

New p5.js website!
http://p5js.org
MIT License
18 stars 92 forks source link

added padding in examples header #632

Open mohankumarhr opened 1 week ago

mohankumarhr commented 1 week ago

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

davepagurek commented 3 days ago

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: https://github.com/processing/p5.js-website/blob/753bb06aba1221c5a60cb6158fa806d66e8a71eb/src/layouts/TutorialsLayout.astro#L53

Maybe we can take the same approach here instead?

mohankumarhr commented 3 days ago

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:

https://github.com/processing/p5.js-website/blob/753bb06aba1221c5a60cb6158fa806d66e8a71eb/src/layouts/TutorialsLayout.astro#L53

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