p5.js-website icon indicating copy to clipboard operation
p5.js-website copied to clipboard

added padding in examples header

Open mohankumarhr opened this issue 1 year ago • 2 comments

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

mohankumarhr avatar Nov 09 '24 09:11 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: https://github.com/processing/p5.js-website/blob/753bb06aba1221c5a60cb6158fa806d66e8a71eb/src/layouts/TutorialsLayout.astro#L53

Maybe we can take the same approach here instead?

davepagurek avatar Nov 19 '24 15:11 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:

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

mohankumarhr avatar Nov 19 '24 16:11 mohankumarhr