Align top particles - Placement of items

[paulinohio]

I would the hamburger menu aligned to the left and center the logo(image) when making the page smaller (I would like to add another particle on the far right in the future, also).

https://neilrisko.com/DELETE/

https://neilrisko.com/DELETE/?tp=1

Thanks.

[pablop76]

links don't work

[paulinohio]

Maybe the sever was down or something but those are accurate links.

[paulinohio]

What I currently have in the custom scss file:

#g-top .jl-container {
display: flex;
justify-content: center;
position: relative;
align-items: center;
}
#g-top .jl-container .g-grid:first-child {
position: absolute;
left: 0;
}

±++++++++++++++++++++++++++

The problem now being the log is centered but not evenly spaced from the hamburger.

Is there a way with to set the particles up so I don't need this css?

When I put all of the partcles in the same row they don't align when the page is shrunk.

New URL:
https://neilrisko.com/DELETE/

[paulinohio]

Can anyone help with this?