To center the p5.js canvas on the page with a black background, I added a bit of CSS: ```html ``` This CSS does the following: - Remove default margin on the `body` element - Use flexbox to center content both horizontally and vertically - Set a minimum height of 100vh (100% of the viewport height) on the body - Set the body background color to black The canvas generated by the p5.js code will now be centered on the screen with a pure black background surrounding it. Centering content using flexbox is a modern, responsive technique that works well across screen sizes. Setting `min-height: 100vh` ensures the body will always be at least the full height of the screen, so the centering will work even if the content is shorter than the viewport. Let me know if you have any other questions!