particles in flexbox layout

[marti2221]

trafficstars

Is it possible to use particles as a background in a flexbox layout? I cant seem to find anything.

[digiltd]

Did you try it?

I had the same question yesterday, didn't take me long to find out you can :)

https://codepen.io/digisam/pen/yoQYdB

[ghost]

This helped me

canvas { position: fixed; top: 0; left: 0; }

[KickAss101]

Did you try it?

I had the same question yesterday, didn't take me long to find out you can :)

https://codepen.io/digisam/pen/yoQYdB

But links ain't working tho.. can you help?

[KickAss101]

Did you try it? I had the same question yesterday, didn't take me long to find out you can :) https://codepen.io/digisam/pen/yoQYdB

But links ain't working tho.. can you help?

Yeah.. I figured it out that you need to add position: absolute; or position: relative; Both works! What happened is that remaining elements got z-index smaller than the background but we can't just change the z-index 'cause then you wouldn't find the background or the links won't work.. Just randomly tried using position: relative and it works. Basically it rests the position as the element in the document flow, ig.

[digiltd]

glad you sorted it

link seems to be working ok for me

[Sharat01]

This worked fine for me. Give it a try..

canvas { position: absolute; top: 10vh; left: 0; overflow: hidden; }

[x15-rahul]

#particles-js { position: absolute; width: 100%; height: 100%; z-index: auto} it helped me!