4 column layout Center 3rd Column

I want a 4 column layout for a footer in HTML, with the logo- which is the third column - centered to the footer. So essentially the first two columns would be to the left of the logo, the logo centered, and the 4th column to the right of the logo. I know how to achieve this using a 3 column layout but I was wondering if there's a simpler way to achieve it using flex or grid and a 4 column layout.

Edit: I just thought of doing this, still wondering if there's a better way?

  .container {      display: grid;      justify-content: space-between;      grid-template-columns: .5fr .5fr 1fr 1fr;      justify-items: center;    }

<footer><div class="container"><div class="column">First Column</div><div class="column">Second Column</div><div class="center-column">Centered Column</div><div class="column">Fourth Column</div></div></footer>