I'm currently working with the particle.js library to create a particle background effect. However, I am struggling to center the "container" div using flexbox due to the canvas being inserted when the HTML page is run. Could someone please provide a solution for this issue? Below is the code snippet.
<div id="particles-js" style=" height:100vh ">
<div id="container"> content I want to center </div>
<canvas> Particle.js canvas inserted here </canvas>
</div>